THREE.FontLoader() 在 Three JS 中不起作用
我是 Three JS 的新手,我想创建一个 3D 文本。我按照大部分教程来创建它,但即使我按照所有步骤或复制/粘贴教程的代码,我也会出错。 这是我的组件:…
使用 React-三纤维解析模型
react- Three-Fiber 提供 useLoader 来加载模型。 示例展示了如何从路径/url加载模型。我已将模型的二进制表示形式保存在浏览器的 IndexDB 中。 我添…
如何根据三角函数以特定角度旋转 3D 后获得新坐标,就像codesandbox 中给出的示例一样
我需要你的帮助。 我了解旋转矩阵以及如何使用它在旋转一定角度后获取新坐标。但我无法了解在下面的代码中如何捕获新坐标以及立方体如何围绕假想圆旋…
Three.js 第一次渲染网格时出现性能问题 - 预加载选项?
我有一个包含 100 个 BoxGeometries 的项目,每个都有自己的图像(大约 10kb)。我注意到首次渲染框时移动设备上出现性能问题和跳帧,我想消除这些问…
有什么方法可以在 Three.js 中在 SSAO 之上渲染雾吗?
我在我的项目中使用雾和 SSAO,SSAO 强调需要淡化的东西,例如地平线和建筑物。 有没有办法在 SSAO 效果之上渲染雾? 谢谢。 我尝试编写一个着色器,…
在模型中移动鼠标,在mousemove中执行raycaster导致CPU使用率高
在模型中移动鼠标,在mousemove中执行raycaster导致CPU使用率很高,当我移动鼠标时,CPU使用率飙升至90% 这是我的代码: this.container.addEventList…
如何修复 Three.js 中无缝对象之间的间隙?
我试图在 Three.JS 中实现彼此相邻的无缝对象,目前它在大多数设备/浏览器上运行良好,但在某些情况下我遇到了困难。例如,当将 MacOS 与最新版本的 G…
如何在 Threejs 中导入自定义模型?
我见过很多关于同一问题的问题,但我尝试过的所有答案都不适合我。 我想使用以下代码在 Threejs 中导入我的 3D 模型: --> /** * Base */ // Canvas c…
加载 .obj 后如何保留 Three.js 对象的引用?
官方文档 有一个很好的示例,说明如何添加 .obj 文件到场景。 const loader = new OBJLoader(); // load a resource loader.load( // resource URL 'm…
tailwind css 在我的 Threejs 网站上不起作用
我正在使用带有 webpack 的 Threejs 网站,并为我的网站设计样式,我正在使用 Tailwind CSS,我尝试配置它,但这在我的浏览器中不起作用 Globe animat…
平滑的水平滚动 - REACT THREE FIBER
我一直在尝试用 React 3 Fiber 制作一个小型水平滚动,这样我以后就可以在元素上添加一些 WebGL 扭曲,尽管我以最基本的方式成功了,但仍然有一些事情…
A 框架将 websubsurface 源设置为变量
我正在使用 websurface A 框架组件 (),我想知道如何才能做到这一点,以便当单击按钮时,websurface 的 url 将更改为我定义的名为 source 的变量的值…
构建失败,因为无法加载三个目录的路径
我正在尝试遵循本教程,但是我的构建失败了此错误消息: [!] 错误:无法加载 C:\Data\Arbeit\BIM\Ausprobieren\ifcTutorialGithub\node_modules\ Thre…