165得票7回答
将three.js的背景更改为透明或其他颜色

我一直在尝试将画布默认的背景色从黑色更改为透明或其他颜色,但没有成功。 我的HTML: <canvas id="canvasColor"> 我的 CSS: <style type="text/css"> #canvasColor { z-index: 998...

165得票3回答
Three.js中的透明背景

代码可以工作,但我在使用three.js设置画布的透明背景时遇到问题。我使用:Background.renderer.setClearColor(0xffffff, 0); 但是背景变成了黑色。我该怎么将其改为透明? 代码: var camera, scene, renderer; ...

163得票8回答
学习WebGL和three.js

我是新手,开始学习在Web浏览器中使用三维计算机图形。我对在浏览器中制作3D游戏感兴趣。对于那些已经学过WebGL和three.js的人来说... 在使用three.js时是否需要了解WebGL? 使用three.js相比WebGL有哪些优势?

85得票11回答
鼠标/画布 X、Y 坐标转换为 Three.js 世界坐标 X、Y、Z

我查找了很多例子,但都不能满足我的需求。我正在尝试将屏幕鼠标坐标转换为三维世界坐标,并考虑相机的影响。 我发现的解决方案都是通过光线交叉实现对象拾取。 我的目标是将Three.js对象的中心定位到当前鼠标“悬停”位置的坐标上。 我的相机位于x:0、y:0、z:500(尽管在模拟过程中它会...

81得票4回答
Three.js中的透明对象

我正在尝试用Three.js编写一个小程序,显示两个球,其中一个在另一个内部。球2的半径应在0.5和1.5之间振荡,而球1的半径始终为1.0。每个球都是透明的(不透明度:0.5),因此可以看到包含在较大球体中的较小球体。当然,随着球2的半径变化,“较小”和“较大”的角色会改变。 现在的问题是T...

80得票6回答
如何停止 requestAnimationFrame 的递归/循环?

我正在使用Three.js与WebGL渲染器制作一个游戏,当点击“play”链接时,全屏显示。为了动画效果,我使用requestAnimationFrame。 我这样启动它: self.animate = function() { self.camera.lookAt(self.s...

74得票7回答
使用鼠标在Three.js中旋转相机

我的场景中有很多物体,如果要旋转它们所有的话可能会很麻烦。那么在鼠标点击和拖拽时移动摄像机围绕原点旋转的最简单方法是什么呢?这样场景中的所有灯光和物体都在同一个位置,唯一变化的是摄像机。Three.js没有提供一种围绕某一点旋转摄像机的方法,或者说它有吗? 谢谢

74得票10回答
如何在 three.js 中检测碰撞?

我正在使用three.js。 我的场景中有两个网格几何体。 如果这些几何体相交(或者在平移时将相交),我想将其检测为碰撞。 如何使用three.js执行碰撞检测? 如果three.js没有碰撞检测功能,那么是否有其他库可以与three.js一起使用?

71得票6回答
在THREE.js中使用纹理

我正在学习THREE.js,并尝试绘制一个矩形,并在其上放置一个纹理,由单一光源照亮。我认为这是最简单的(为了简洁起见省略了HTML代码):function loadScene() { var world = document.getElementById('world'), ...

70得票5回答
Three.js如何围绕物体自身中心旋转,而不是世界中心

场景中有两个物体。 立方体的旋转轴应该是立方体的中心,这是我的期望。 但鞋子模型的旋转轴是世界y轴。 我的原始代码是:cube.rotation.y += 0.01; shoe.rotation.y += 0.01; 我在 stackoverflow 找到了一个解决方案,像这样:cu...