Three.js是一个轻量级的跨浏览器JavaScript库/ API,用于在Web浏览器上创建和显示动画3D计算机图形。 Three.js脚本可以与HTML5 canvas元素,SVG或WebGL结合使用。
我正在尝试按照标题所说的去做。 当用户单击立方体的一个面时,该面会改变颜色。 这是我的代码片段: // 创建一个立方体 varcubeGeometry = new THREE.BoxGeometry(20,...
Three.js - 网格组示例? (三.Object3D() 高级)
我试图了解如何将子网格物体分组/链接到父网格物体。我希望能够: 拖动父级 相对于父元素旋转子元素 有家长轮换/平移做...
已经看过这个帖子了 Iphone - Javascript 事件...用于 Three.js 但是有人能给我指出一个使用触摸和滑动事件的实际工作的 Three.js 示例吗?
THREE.js GLTFLoader alpha 不显示透明度(显示白色背景)
我在搅拌机中定义了一个模型: 正如你所看到的,纹理是部分透明的(参见节点 - 我将白色背景转换为 Alpha): 并确保启用 BlendMode 作为 AlphaClip(不
三个.js中Y轴代表上下,Z轴代表前后。但我希望Z轴代表向上和向下,Y轴代表向前和向后。这是一张显示我想要的图片...
重置 UseFrame 内 3d 对象的position.z
我正在尝试使用 React 和 Three.js 构建一个 3D 动画,其中本质上是一辆汽车开始向前移动,因此我使用 useRef 钩子减少了它在轴上的 z 位置的值。当...
我是 Three.js 新手,无法在屏幕上显示管子。我使用基本材质来保持照明简单,但它不起作用。有人可以帮我找出原因吗...
我正在使用简单的设置Cannon.js,遵循在线示例,但是当我在构造函数中设置任何属性时,位置和角速度x、y和z都是NaN。 这有效,但没有...
Typescript Box 生成的联合类型过于复杂而无法表示
渲染盒子会产生以下错误: 表达式生成的联合类型太复杂而无法表示。ts(2590) 正如我在这里看到的,这是因为同时拥有 @mui/material 和 @react- Three/
使用 Three.js,我有一个跟随汽车的摄像头。我启用了轨道相机,但希望用户能够切换到自上而下的视图(已经可以工作)。在这个自上而下的视图中,h...
主题。如何实现透视3D文本穿过场景中的另一个对象?文本背景应该是透明的。 额外问题:如何将该文本转换为动画收报机? 我试过了
我有 4 个文件,是使用文件输入选择的。它们被发送到specs组件,我使用react- Three-Fiber的textureLoader和useLoader钩子将组件渲染到场景。 w...
ThreeJS r160 ShaderMaterial 纹理呈现黑色
我正在尝试将纹理添加到此着色器中,但是当我这样做时,它会呈现黑色。我可能遗漏了一些小东西,但我找不到 ThreeJS 版本 r160 的任何信息。着色器代码...
需要 .js 和 HTML 示例来在网页中显示 .STL 3D 对象
有人可以制作一个干净的“傻瓜式”HTML 示例,用于使用 STLLoader.js 在网页中显示 ASCII(非二进制).stl 对象文件吗?结果应该让用户操作当前的对象...
我正在尝试加载 ktx2 纹理,但出现此错误: 未捕获的语法错误:意外的标识符“html”(位于 是60c27b-a185-4e22-a763-bad0f7c717e0:6:11) 错误指向html标签: /* 反对...
我想多次对 Three.js 网格应用相同的矩阵变换,但我只想要第一次变换所描述的变换。我怎样才能将网格的矩阵“重置”为...
我是 Three.js 的新手,有一些属于 2D 文本的问题: 我想要的是: 我想要一些标签,例如。 x、y 和 z 轴。标签应始终面向相机。也许以后他们应该只是......
我有这个 JS 代码,我试图将我的对象放在我网站的 div 中。但是我无法做到这一点。我已经尝试过发布的解决方案,但它们不起作用。我感谢您的帮助。 导入...
我需要在顶点着色器中旋转和缩放 UV,以便旋转的纹理填充其可用的边界框。以下测试实现成功旋转并自动缩放纹理...
Three.js 使用平面着色时出现“片段着色器未编译”错误
我正在使用 GLTFLoader 在三个 js 中加载模型。它工作得很好,除了我尝试使用平面着色。如果我设置 flatShading = true,则会收到一条错误消息,指出片段着色器未编译。