40得票6回答
在Three.js中限制帧率以提高性能,使用requestAnimationFrame?

我在考虑对于某些项目,不一定需要60帧每秒的运行速度。如果我可以让物体和其他事物以30帧每秒的速度流畅运行,我觉得我可以拥有更多这样的元素。我想如果我编辑three.js中的requestAnimationFrame函数,限制帧率到30fps可能是一种方式。但我想知道是否有更好的方法在使用提供...

40得票3回答
Three.js检测WebGL支持并回退到普通画布

有没有使用过 three.js 的人能告诉我如何检测 Webgl 支持,如果不支持,是否可以回退到标准 Canvas 渲染?

40得票3回答
如何在OrbitControl上设置限制?

有没有一种方法可以限制 OrbitControls.js?比如,假设我正在创建一个空中场景,我不希望相机移动到地面以下,明白我的意思吗?同样的情况也适用于缩放。是否有一种设置变量来限制相机距离的方法,因为我不想让相机过近或过远?

39得票2回答
我的three.js场景中的聚光灯为什么在摄像机视角下保持居中,但只在安卓Chrome浏览器上出现?

我目前正在使用AngularJS和Three.js尝试开发一个小型虚拟现实应用的示例。 我根据用户代理是否为移动设备定义了控件,这是一种不太可靠的方法,但只是一个例子。 在非移动设备上使用OrbitControls,在其他情况下使用DeviceOrientationControls。var c...

39得票6回答
ThreeJS相机的lookAt()没有效果,我做错了什么吗?

在Three.js中,我想让相机指向3D空间中的一个点。 为此,我尝试使用camera.lookAt函数,像这样:camera.lookAt(new THREE.Vector3(-100,-100,0)); 然而,我发现这个调用完全没有任何效果。它根本什么也不做。我尝试更改向量中的数字,但屏幕...

39得票5回答
如何将Threejs连接到React?

我使用React和canvas,想要将canvas更改为WebGL(Threejs库),如何将此库连接到React? 我有一些元素,例如<div ref="threejs"></div> 如何将它变成 Threejs 库的调用字段?我不想使用像 re...

38得票8回答
Three.js画布大小基于容器

如何根据容器计算画布大小以避免滚动条出现? 如果我基于窗口设置大小,画布会太大。

38得票2回答
Three.js png纹理 - alpha通道渲染为白色而不是透明

我正在创建一个立方体,并在它的每个面上应用6种不同的纹理。每个纹理是一个.png文件,其中包含透明部分。我还将颜色应用于这个立方体 - 我希望通过png透明度看到这种颜色。 问题:透明度呈白色渲染,因此我无法看到立方体的基础颜色(如果我删除png纹理,则可以正确呈现) 如何使png透明度正...

38得票5回答
Three.js如何加载跨域图片?

我知道这个问题之前已经被问过了,我已经阅读了所有能找到的问题和答案,但是没有一个有效果。 我正在本地服务器(IIS)上运行。我试图从imgur加载一张图片,然后使用以下代码将其作为物体的纹理: var savedImage = /[^?]*$/.exec(location.search)[...

38得票4回答
将3D位置转换为2D屏幕位置 [r69!]

我需要Three.js代码将3D对象坐标转换为2D坐标,并在“div”元素中放置文本标签,以便我可以将它们放置在需要的位置(而不会随着3D移动而缩放/移动/旋转)。不幸的是,到目前为止,我看到和尝试过的所有示例似乎都在使用过时的函数/技术。在我的情况下,我相信我正在使用Three.js的r69...