46得票4回答
在three.js中更改立方体的颜色。

我试图根据一个变量来改变一个立方体的颜色。我创建了两个立方体,我想根据它们之间的距离来改变它们的颜色。 这些立方体是这样创建的: geometry = new THREE.CubeGeometry( 50, 50, 50 ); material = new THREE.MeshBasicM...

46得票4回答
在Three.js中使用投影将世界坐标转换为屏幕坐标

有几个关于在Three.js中反投影的优秀堆栈问题(1,2),即如何将浏览器中的(x,y)鼠标坐标转换为Three.js画布空间中的(x,y,z)坐标。大多数情况下,它们遵循以下模式: var elem = renderer.domElement, bounding...

46得票7回答
如何将相机适配到物体上

使用 three.js,我有以下内容: 包含多个 Object3D 实例的场景 多个预定义相机 Vector3 位置 如果屏幕大小调整,则动态宽度/高度的画布 用户可以选择一个对象(来自上面) 用户可以选择相机位置(来自上面) 给定正在查看的对象和他们选择的相机位置,如何计算最终相机位...

44得票1回答
three.js:通过名称或ID访问场景对象

我正在从一个数组中生成对象,数组定义如下(不仅限于这三个):var links = [['Linkedin','img/linkedin.png','-300','-230', '600'], ['Google+', 'img/google.png', '0', ...

43得票5回答
THREE.js生成UV坐标

我正在使用THREE.js OBJ loader将一个模型导入场景中。 我知道我能成功地导入几何结构,因为当我将MeshNormalMaterial分配给它时,它显示得很好。然而,如果我使用任何需要UV坐标的内容,就会出现错误:[.WebGLRenderingContext]GL ERROR ...

43得票4回答
Three.js 项目器和射线对象

我一直在尝试使用Projector和Ray类来进行一些碰撞检测演示。起初,我只是尝试使用鼠标选择对象或拖动它们。我查看了使用这些对象的示例,但似乎没有一个解释Projector和Ray方法确切作用的注释。我有几个问题,希望有人能轻松回答。 Projector.projectVector()和...

43得票8回答
在three.js中动态创建2D文本

我有一个在three.js中创建的3D模型。基于一些数据,我想创建一组由小文本标签装饰的箭头。这些标签应该是2D的。 看起来我有两个选择:要么使用单独的画布元素创建纹理,然后在3D模型中使用它,要么在3D模型的画布元素上方使用HTML。 我想知道如何处理这个问题。哪种方法是“正确”的?欢迎...

42得票9回答
如何在three.js中绕轴旋转3D对象?

我在three.js中遇到了一个关于旋转的问题。我想在我的游戏中旋转我的3D立方体。//init geometry = new THREE.CubeGeometry grid, grid, grid material = new THREE.MeshLambertMaterial {color...

41得票4回答
如何在Three.js中将对象向前移动?

有没有办法在Three.js中向前移动一个物体? 也许我应该将 rotation.x、y、z 转换为向量再处理。但我是初学者,不知道该怎么做。

41得票1回答
Three.js:如何将一个场景制作成2D快照并保存为JPG图片?

我有一个如下的three.js场景: var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.inne...