三个js raycaster不适用于css2drenderer

文章/答案/技术大牛

发布

1回答

three.js、raycasting

为此，我添加了一个3d模型的WebGLRendere和一个te hotspot的CSS2DRenderer。我正在使用raycaster来检测热点，但它没有检测到热点。window.innerWidth ) * 2 - 1;} var INTERSECTED; function renderLoop(){

浏览 15提问于2018-08-19得票数 2

1回答

three.js中的轨道控制器在加载obj模型的静态场景中不工作

typescript、three.js

examples/jsm/loaders/MTLLoader'import { CSS2DRenderer, CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer' // impo

浏览 2提问于2022-10-13得票数 0

1回答

如何在three.js中检测悬停在粒子系统中的粒子上？

javascript、canvas、3d、three.js

mouse.x, 0.5 projectr.unprojectVector( vect, camera ); var intersects = raycaster.intersectObjects

浏览 0提问于2013-01-09得票数 3

1回答

在three.js中需要鼠标悬停时的工具提示

javascript、angularjs、three.js

cube"; scene.add(cube); // add cube to the scene 我是three.js

浏览 43提问于2021-02-17得票数 1

1回答

Three.js光线投射生成空交点数组

javascript、three.js、raycasting

THREE.Vector3(mouseX, mouseY, 0.5); var intersects= raycaster.intersectObjects(cubes); console.log(

浏览 0提问于2013-01-03得票数 3

回答已采纳

1回答

jQuery对话框不能在three.js中工作

javascript、jquery、three.js

jQuery对话框在three.js中使用时不工作。我试图使用jQuery在圆圈上实现一个单击事件(使用圆环几何)。但它不支持。(event.clientY / window.innerHeight) * 2 + 1, 0.5); var inters

浏览 2提问于2015-06-04得票数 0

回答已采纳

1回答

如何从任意点进行光线转换

javascript、three.js

这就是我的问题，因为我在一个项目中使用了三个js，用户给出了x y坐标，在三个js场景中添加了一个点，我需要计算碰撞对象在这一点后面/前面的位置。我试过使用Raycaster，但是我找不到一个简单的例子，说明如何用点定义的向量使用Raycaster :/到目前为止，这是我的代码 directionVector.no

浏览 3提问于2016-04-15得票数 1

回答已采纳

1回答

从儿童摄像机到现场的THREE.js光线广播

javascript、camera、three.js、raycasting

renderer.domElement.width) * 2 - 1; console.log

浏览 3提问于2015-03-05得票数 8

回答已采纳

1回答

找到在三个js中点击的确切元素，当小部件紧密耦合在一起时，使用raycaster和intersects形成复杂的模型。

javascript、three.js

同时处理三个js。我有一个3d模型，它有几个小部件连接在一起，形成一个三维装载机(模型)。现在我使用了raycaster和intersects来找出被点击的元素。我的问题是，当使用raycaster和三个js时，元素直到或除非我缩放才能被识别。当我放大到一个很好的范围时，我能够识别被单击的元素。有人能帮我解决这个问题吗?我不想放大了。

浏览 0提问于2018-04-06得票数 0

2回答

ThreeJS - 2D像素到3D坐标的转换

javascript、three.js、3d

我正在尝试将在ThreeJS中创建的cube呈现到HTML canvas中的特定位置。// My canvas is 640 X 480var CANVAS_HEIGHT = 480; var geometry = new THREE.CubeGeometry(1, 1, 1);this.cube = new THREE.Mes

浏览 0提问于2019-08-07得票数 0

1回答

如何对光线投射做出不同的响应？(VR)

three.js、virtual-reality、oculusgo

我首先想到的是检查网格的类型，但它不适用于按钮(平面+文本+ Hitbox)等复杂对象。initializationcircles.add(circleMesh);const intersections = raycaster.intersectObjects([ circles, sphere

浏览 2提问于2018-12-15得票数 1

1回答

three.js正射相机目标拾取

three.js、raycasting、orthographic、picking

= new THREE.Vector3(mouse.x, mouse.y, 0.5); var ray = new THREE.Raycaster我正在使用three.js r69。任何暗示都将不胜感激。谢谢，干杯！

浏览 3提问于2014-10-30得票数 3

回答已采纳

1回答

three.js可编辑文本表单控件

three.js

THREE.js有没有像编辑控件这样的东西(意思是一个包含插入符号的矩形文本，可以通过用户输入修改)？如果是这样的话，谁能给我举个例子说明它的用法？

浏览 57提问于2021-09-20得票数 1

1回答

单击网格中的三个事件

three.js

我使用下面的代码来添加，单击mesh中的事件，为添加三个js。var mouse = new THREE.Vector2();function onMouseClick( event ) { var isIntersected = raycaster.intersectObje

浏览 7提问于2021-09-29得票数 1

1回答

Three.js和gsap比例动画

javascript、animation、three.js、gsap

因此，我试图在three.js中执行一个mousemove事件，用户将悬停在一个几何图形上，然后进行缩放。因此，对于我使用的动画，GSAP作为中间似乎不适用于我。grid: "auto", }这是我的代码： mouse.y = - ( event.clientY /

浏览 3提问于2020-03-13得票数 0

回答已采纳

1回答

在ThreeJS中检测标签

javascript、three.js

我有一个简单的Threejs代码，我正在用Raycaster测试click事件。我用盒子几何图形来创建三个立方体。使用CSS2DRenderer.js，我在其中一个立方体上添加了一个标签。您可以在下面找到单击事件代码： raycaster.setFromCamera(clickMouse, camera); const found = raycaster.intersectOb

浏览 17提问于2022-09-14得票数 2

回答已采纳

1回答

在此示例中，如何使相机遵循地形的高度: http://threejs.org/examples/#webgl_terrain_dynamic

javascript、camera、three.js、height、terrain

我想知道如何在这三个js示例中制作相机：换句话说，我如何才能获得地形的高度，因为我知道地形的高度是由高度图构建的？我已经尝试过使用Raycaster，如下所示：var intersects = raycaster.intersectObjec

浏览 0提问于2016-05-13得票数 1

3回答

为3js中的多维数据集添加单击事件侦听器

three.js

浏览 3提问于2014-04-12得票数 5

1回答

用鼠标移动三个场景中的物体

javascript、three.js

我需要在三个场景中移动一个对象，但是当我用鼠标单击时，我无法选择一个对象。我尝试将这段代码()用于我的应用程序，但它在我的情况下不起作用。 console.log("function onDocumentMouseDown"); raycaster.setFromCamera( mouse, camera ); var intersects = <em

浏览 6提问于2016-05-02得票数 0

回答已采纳

1回答

Raycaster不使用组合相机--三个js

javascript、three.js

window.innerWidth / 2, window.innerHeight / 2, 70, 1, 1000, -500, 1000);当我使用raycaster来处理选定的摄影机时var intersects = raycaster.intersectObjects([sceneObjects], true); 它抛出了

浏览 0提问于2016-10-24得票数 2

点击加载更多