如何在three.js onClick中向obj文件中添加一个点(当我说点时，我指的是一个球体，以表明这是您单击的位置)？我想把它添加到obj文件中，这样它就可以与它一起旋转，我也希望能够读取/保存这个点所在位置的数据。这在three.js中是可能的吗?如果是的话，是如何实现的？
浏览 1提问于2016-02-02得票数 0
1回答
一个编程项目的团队成员使用three.js (WebGL的抽象)编写了我们软件的图形方面，由于时间限制，我的任务是为程序编写菜单/显示内容。
(该程序显示一个3-D图形，这个“菜单”将出现(触发时)，并显示有关特定节点的信息，包括图像，一些文本，可能还有一个可滚动的文本区域)
我几乎没有使用three.js或WebGL的经验，我正试图把我的大脑包裹在整个“纹理”、“网格”和“材质”以及你所拥有的东西上；我不确定我该如何创建这样的菜单/显示。
我几乎找不到一些(可能是幼稚的)谷歌搜索在three.js中制作菜单的方法，而且我也没有时间仔细阅读整个WebGL教程。
谁能把我引向正确的方向？
是否有
浏览 6提问于2013-10-16得票数 2
我一直在使用THREE.js开发一个粗略的图表工具，并使用THREE.js CSS2D工具为图表制作(可旋转和对MathJax友好的)文本标签。
我已经使用实现了对普通网格对象(例如立方体、球体、线条)的对象选择，它工作得很好。当鼠标指针位于CSS2D文本标签上时，它将更改为文本光标。但是，raycaster不选择任何CSS2D标签对象。相反，它“看穿”标签，并将选择一个网格对象，如果一个恰巧在标签的远端。
我想知道是否有人能告诉我，为CSS2D对象选择对象是否可行，我可能需要做些什么才能让它工作呢？
浏览 5提问于2020-11-26得票数 2
回答已采纳
1回答
最近，React项目计划采用3D地图，这将是一个复杂的场景。它将是一个有着不同情节、海滩、山脉和互动的城市。您可以选择，单击和拖动等。
该团队目前有three.js (我可以做一点)、Unity (没人能做)。
所以这是一个使用three.js还是统一的问题？
如果我选择three.js，我将努力学习并在工作中进行开发；假设选择了统一，将雇用一个使用React unity与项目进行交互。
我不知道有没有更好的计划
浏览 16提问于2022-03-22得票数 -1
我想在Three.js场景中使用鼠标交互地绘制/删除自定义形状(矩形、圆形)。如果可能的话，请告诉我好吗？
浏览 9提问于2017-07-09得票数 0
我想学习three.js，但我不知道从哪里开始。我没有这方面的知识，但我真的很想学习和学习。我计划用three.js开发一个交互式的3D地图。请帮助我，并给我一些建议。
浏览 32提问于2017-12-31得票数 0
当我在移动设备上测试代码时，我遇到了一些Raycaster的问题。我意识到当你激活tactile touch(例如： )时，threejs.org上的官方例子也会出现同样的问题。有没有替代Raycaster的方法来与threejs中的对象交互？
我正在使用Firefox58.0.2 (64位)来测试我的three.js项目并模拟触觉触摸。
提前感谢
浏览 1提问于2018-03-14得票数 0
如果可能的话，我希望在Javascript库three.js中使用C/C++生成的Emscripten代码。例如，从emscripten代码中，我希望将呈现信息传递给将在浏览器中显示的three.js。
有人能告诉我怎么做吗？
浏览 0提问于2014-08-04得票数 2
回答已采纳
示例此模型是一个动态组件：
如何将其导入Three.js？我在想，是否有可能导入模型并使用输入字段和一些javascript创建动态组件对话框？因此，它将像在google sketchup中一样具有交互性。我知道要将OBJ文件导入JSON，然后用three.js加载它们，但是动态组件会发生什么呢？
浏览 9提问于2013-03-08得票数 0
回答已采纳
我找到了Famo.us，它看起来很令人兴奋，但是他们的文档已经关闭了。我对WebGL非常好奇，所以我开始寻找替代方案。我找到了Three.js和Clara.io。
它们与famo.us有何不同？每个框架的主要目标是什么？
谢谢。
编辑：重新措辞。
浏览 6提问于2014-04-10得票数 8
2回答
我试图使用文档示例中的代码用three.js绘制一个three.js打开的three.js弧。
这段代码的问题是，它从弧的终点画出一条直线，回到它的起点。我想知道是否有办法画一个开弧线。
我在THREE.Path上尝试过各种方法，比如THREE.Path.ellipse，但它们似乎都在做同样的事情。
var curve = new THREE.EllipseCurve(
0, 0, // ax, aY
7, 15, // xRadius, yRadius
0, 3/2 * Math.PI, // aStartAngle, aEndAng
浏览 6提问于2015-05-16得票数 3
回答已采纳
我想用Three.js绘制图形，想知道最好的方法是什么。
这里的框架通过使用球体作为节点，线条作为边来解决它。
我需要在边缘添加标签，或者也可以选择边缘。
还有什么其他的方法来绘制图表？有谁有主意吗？
浏览 2提问于2013-02-14得票数 21
我使用的是three.js 92版本，使用纹理。
由于有了three.js，我可以自动地转换图像的维数，但是我想抑制它在控制台中显示的警告，而不删除其他模块或函数中的所有其他警告。我会为我的用户隐藏three.js，但我想使用其他库中的其他库。
有没有一种方法来设置纹理加载程序来隐藏它们？
浏览 1提问于2018-06-29得票数 2
我想了解three.js在内部是如何工作的。我不明白的一件事是three.js是如何编译和运行着色器程序的。如果我自己重新实现three.js，我会有一个属于Geometry的顶点着色器和一个属于Material的片段着色器，然后当它们在Mesh中组合时生成一个着色器程序。但是从几何体和材质上看，它们似乎没有引用任何着色器。此外，项目中的着色器(在文件夹three.js/src/renderers/shaders/中)似乎不属于任何特定的Geometry/Material。我想知道是否有人可以解释一下three.js是如何编译和运行着色器的。
浏览 11提问于2020-10-13得票数 2
回答已采纳
当THREE.js场景占据整个html页面时，dat.GUI被强制放在场景中，就像一样。
然而，当THREE.js场景没有占据整个页面时，dat.GUI的放置就会变得更加笨拙。将示例放在<iframe>标记中，然后强制dat.GUI位于框架内，从而在THREE.js场景内。这看起来很棒，但对我来说这是一个问题，因为我已经设置了X-Frame-Options: Deny cookie。
如果THREE.js场景和dat.GUI占据了整个页面，我如何才能将它们放置在相同的<div>中，并且具有相同的相对位置？请注意，不适用于我，因为样式既应用于THREE.js场景，也应用于
浏览 117提问于2016-12-31得票数 1
1回答
我正在创建一个web应用程序使用角，它集成了Autodesk锻造查看器javscript库。
伪造viewer.js库包含在伪造viewer.js本身中，这是THREE.js发布r71的自定义版本。
正因为如此，我在我的应用程序中看到了一些意想不到的结果：
THREE.Object3D.add: object not an instance of THREE.Object3D
从一些研究来看，这是因为THREE.js被两次加载到我的应用程序中。我尝试过将three.js从node_modules中卸载，但这会导致构建错误：
Error: ENOENT: no such file or dire
浏览 3提问于2019-12-11得票数 1
回答已采纳
8回答
我是个新手，开始学习web浏览器中的3D计算机图形。我对在浏览器中制作3D游戏很感兴趣。对于任何同时学习过WebGL和three.js的人来说...
是使用three.js所需的WebGL知识？与WebGL相比，使用three.js的优势是什么？
浏览 120提问于2012-08-15得票数 158
回答已采纳
在three.js中，我加载了STL模型，它加载得很好。但实际上，模型的方向与它的加载方式有很大的不同。当我在其他计算机辅助设计查看器和像Blender这样的软件中加载它时，它是沿着z方向定向的，但在three.js中它是沿着x方向定向的。实际上我的模型是一个管道，并且是沿着z方向的，我不知道为什么three.js要在x方向加载它？
浏览 6提问于2013-08-15得票数 0
2回答
看看Three.js的构建脚本，我发现他们使用的是Google Closure编译器。我有一个利用Three.js的小脚本。我可以使用谷歌闭包将Three.js作为库来编译脚本(而不是使用Three.min.js前缀或包含在HTML标签中)，这样最终输出的javascript就会小得多。
我之所以这样问，是因为我在Three.js源代码中没有看到任何goog.provide。
浏览 2提问于2015-01-12得票数 1
我们目前正在尝试在autodesk查看器中立即绘制3D形状。我们已经通过向底层Three.JS引擎注入一个javascript运行时来管理这一点。对于复杂的3D形状，例如带有孔的多边形，三角剖分是必要的。为了支持这一点，Three.js在2016年10月31日添加了ShapeBufferGeometry，并于2016年12月发布了83版。如果我没弄错的话，当前的伪造查看器是建立在Three.JS r71之上的。有没有计划用最新的Three.JS更新Forge？或者，除了自己运行三角测量之外，您是否有任何建议为此创建一个解决方案？
浏览 2提问于2017-08-07得票数 0
1回答
如何导出FBX three.js格式文件？
我在互联网上找到了一些引用，显示了如何将FBX文件转换为three.js，但我无法找到如何将JSON three.js文件转换为FBX文件？
浏览 2提问于2015-12-28得票数 3
回答已采纳
目标是将鼠标悬停在网格上时，将Three.Mesh名称显示为标签。我们如何在Three.js中做到这一点
有没有人能给我一个示例代码？
浏览 1提问于2012-07-12得票数 7
回答已采纳
1回答
我怎么能模糊我的帆布元素的一部分？
我使用的是一个JavaScript 3D库，叫做three.js。Three.js是一个使WebGL变得更简单的库。他们提供了一些模糊和深度的实地例子，但我认为这些是后处理的效果，我不熟悉。是否有一种“简单”的方法，例如从画布元素的顶部模糊60 of？
Three.js：
浏览 2提问于2016-03-11得票数 1
我想显示，在点击一个图片说明一个Three.js场景，这个Three.js场景，并能够运行它。一旦点击了图像，我想将Three.js场景包含到一个具有灰色背景的框架中(就像处理图像一样)。
下面是我想要得到的一个例子：
您可以在以下链接中看到这个WebGL场景：
正如你所看到的，这个场景充满了整个浏览器窗口。
如果有人能给我一些线索来解决这个问题，那就太好了。
谢谢
浏览 3提问于2017-03-16得票数 0
回答已采纳
1回答
js框架形式的交互式3d
、、、
我计划在js中创建一个交互式的3d应用程序。我的问题是babylon.js还是three.js是否支持交互性？似乎找不到有关这方面的任何信息，而且这些文档也没有多大帮助。
注意:通过交互性，我的意思是用户能够在给定的3d场景上绘制元素。
浏览 4提问于2017-02-21得票数 0
回答已采纳
我正在尝试让一个Three.js项目在Rails框架内工作，但没有成功。
我一直在想，一定有比我现在做的更容易的方法
首先，我谷歌了一本关于如何将工作的Three.js代码移植到rails的指南/教程，但是在这个主题上发现的很少。我想这意味着:要么人们不经常这样做--或者--很明显没有人费心去记录它。
接下来，我在谷歌上搜索了一个three.js创业板，并在这里找到了一个-- (我放弃了尝试工作--在处理了清单文件之后)
接下来，我将Three.js的源代码安装到供应商文件夹中，并再次处理清单文件。这一次，我取得了更大的成功--尽管Three.js内部似乎存在着require_tree (和
浏览 5提问于2014-05-05得票数 3
回答已采纳
2回答
我有一个Three.js页面，我想从r42更新到r55。在这段时间里，API的数量发生了很大的变化。
其中一些更改很简单，但现在我仍然停留在JSONLoader的一些细节上，对于这些细节，格式已经从JavaScript更改为JSON，可能还有其他更改导致它失败。undefined值会在内部触发API，我不知道问题是什么，因为堆栈的前几层都是在精简的代码中。
哪种技术最适合在这里获得完整的源代码？有吗？
我尝试将three.min.js文件替换为，但是缩小后的文件也包含许多其他文件。我不喜欢将所有这些文件加载到我的工作区并引用其中的每个文件来调试一个问题一分钟的想法。
是否有一个包含非缩小的等效
浏览 7提问于2013-02-03得票数 3
回答已采纳
2回答
您好，我正在尝试在我的机器上本地运行一些three.js示例。我知道安全方面有一些问题，所以我需要设置一个本地服务器。因此，我使用python运行本地服务器。将显示背景图像和文本，但不会发生动画。
我检查了控制台，并得到错误三未定义。我已经下载了three.js并将该文件夹放到了我的项目目录中--你对这里发生的事情有什么想法吗？
从three.js (示例)页面访问时，动画在浏览器中工作。我的脚本src与我在three.js-master目录中使用命令行时pwd命令的输出相同，如下所示：
<script src="/home/iiiiiii/Desktop/test/buil
浏览 1提问于2017-04-17得票数 0
我正在计划开发一个在3D空间中进行交互式数据可视化的小型web应用程序。
考虑到最广泛的浏览器兼容性，three.js看起来是最好的选择，因为我可以使用WebGL、canvas或SVG渲染相同的场景。
理想情况下，我希望使用backbone.js提供一个很好的MVC层，并避免编写ajax的一些单调乏味的工作，但在我深入了解它之前，我想知道是否有人有任何经验/提示/建议来尝试实现这一点。
假设canvas或WebGL，似乎可以很容易地将backbone.view抽象为支持three.js模型。render函数将被重写。我可以在画布上附加一个简单的侦听器，然后使用一些three.js技巧来提取触发
浏览 2提问于2011-04-30得票数 6
1回答
我在找一种方法来设定物体的轮廓。
我使用的是‘OutlineEffect’而不是‘EffectComposer’( OutlinePass等等)，因为当我使用效果编写器时，分辨率很低，甚至使用FXAAShader、SSAA着色器和OutlinePass都不能使用‘暗’颜色。
在OutlineEffect上，它说：
/*
* 1. Traditional
*
* var effect = new THREE.OutlineEffect( renderer );
*
* function render() {
*
* effect.render( scene, camera );
浏览 6提问于2020-01-31得票数 1
回答已采纳
我的主要目标是使用可怕的WebGL库将在3DS/MAX中创建的3D模型加载到Three.js中。我已经完成了实现这个目标的以下步骤。
试图将MAX插件导出程序直接用于Three.js JSON。这是有问题的，而且不起作用。
将MAX模型导出为OBJ格式。
使用Three.js转换器Obj2Three.js将OBJ模型转换为JSON格式。
这很好用，我现在可以将我的模型加载到Three.js中，但是它没有任何纹理/图像应用于它。
检查JSON文件，其中包含几何、材料、元数据和对象部分。
Three.ObjectLoader显然也处理图像和纹理，如果这些部分是在文件中定义的
浏览 12提问于2017-10-13得票数 1
1回答
从独立元素与WebGL场景交互
、、、、
是否可以从网页上的其他元素与WebGL (使用three.js编程)中的场景进行交互？例如，从独立的画布操作WebGL画布上的场景，或者使用标准表单和一些javascript将对象添加到场景中。
如果这是可能的，那么它在使用angular.js或backbone.js等MV*框架时的适用性如何？我已经了解了它们的数据绑定特性，但是这种数据绑定是否仅限于页面上的HTML？
浏览 2提问于2013-05-06得票数 0
回答已采纳
我想将TroisJS (Vue的three.js包装器)与Nuxt.js一起使用。根据TroisJS文档()，我需要将它添加到项目中，如下所示：
import { TroisJSVuePlugin } from 'troisjs';
app.use(TroisJSVuePlugin);
然而，我不知道如何确定我应该把这些代码放在哪里。我希望nuxt.config.js文件，但我似乎不太明白它应该去哪里。
我决定使用TroisJS而不是three.js，因为我认为前者可能更容易导入和使用。如果直接导入three.js更容易，我不介意使用它。
非常感谢您的帮助！
浏览 22提问于2022-07-05得票数 1
编辑：
我有一个关于导出到obj和mtl的问题，但发现我可以使用three.js导出GLTFExporter.js，并成功地从three.js中获取几何和纹理。
我与GLTF出口商的问题是，当我在Blender中打开文件时，我的纹理具有偏移和重复设置，而这些设置似乎不是从three.js导出的。在搅拌机中，整个纹理占据了MeshPlane，过去只有一小部分纹理显示在Three.js场景中。
是否有人知道我可以添加到GLTF出口商，以便能够记录和保留重复和偏移纹理设置？
非常感谢:)
浏览 1提问于2018-06-14得票数 1
回答已采纳
我试图在类型转换反应中使用Three.js，我呈现十二面体图形和随机星号，我想用react在three.js上添加一些标记，但是当我将Three.js画布呈现到HTML中时，它会显示我的根div，并且我无法添加一些其他组件。
THREE.JS
import * as THREE from "three";
export function ThreeCanvas() {
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / w
浏览 7提问于2021-07-29得票数 0
回答已采纳
1回答
是否可以在Three.js中使用自定义网格将纹理材质添加到对象？
每当我尝试将带有纹理的对象从搅拌器导出到Three.js时，该对象都会消失。纵观three.js示例，他们似乎小心地避免了将纹理放在除内置几何体之外的任何东西上，并且在这样的网格上强制纹理会导致它再次消失。
例如，如果我编辑scene_test.js，这是一个从webgl_scene_test.html调用的场景文件，如果我将"textured_bg“应用到"walt”头，它将消失。
浏览 1提问于2011-08-23得票数 1
关于手头的问题，请参见。
该网页还链接到视频的动画和真正的时钟，我正在努力实现的three.js。
它是一个时钟，两个发光二极管围绕着中心的一个引脚旋转。影子造就了时钟的指针。
当涉及到three.js/webgl时，我是一个完全的新手，但是在一些关于three.js的专家的帮助下，我/我们走了这么远： (时钟以每秒1分钟的速度加速动画)
有一件事不见了:时钟的指针。中心引脚不显示聚光灯应投下的阴影。
为什么中心引脚没有任何阴影？
浏览 3提问于2015-12-05得票数 1
回答已采纳
你好，最近我开始学习three.js。目前，我有一个项目，其中我希望用户只在2d (x轴和y轴，没有旋转相机)，尽管它是一个三维环境。
对于three.js (如OrbitControls )是否有任何扩展/插件，但具有所需的功能？
浏览 1提问于2015-02-10得票数 4
回答已采纳
1回答
我希望能够定义使用Paper.js的推特动画。到目前为止，我已经确定Tween.js可能是用于此的最佳库。然而，我没有在网络上看到任何例子，它们似乎都是针对Three.js的。
有没有人对我如何实现推特动画有其他的建议？我试图在mouseMove()、mouseDown()和mouseUp()事件上绘制一些路径。
浏览 0提问于2014-08-04得票数 2
回答已采纳
几周以来，我一直在尝试访问three.js场景中的对象，以便通过键盘按钮进行平移和旋转。例如，键入letter 'A‘将translateX objA和'B’translateX objB。
function addObject(model) {
var mtlLoader = new THREE.MTLLoader();
var objLoader = new THREE.OBJLoader();
mtlLoader.load(model+'.mtl', function (materials) {
materials.preloa
浏览 78提问于2017-05-07得票数 0
是否可以在同一画布上使用three.js进行3d绘图，并添加到fabric.js中进行2d绘图？我只是喜欢fabric.js处理操作的方式，并且想要利用它。在我开始实验之前，我想知道是否有人尝试过这个方法？有可能吗？
浏览 1提问于2016-04-01得票数 1
我可以很容易地让Tone.js在Three.js世界中生成音调，只需简单地呼叫oscillator = new Tone.Oscillator(440, "sine").toMaster();，但我不知道如何将该音调连接到Three.js世界中的AudioListener，使其成为位置声音。有人知道怎么做吗？
使用内置在Three.js中的振荡器，它可以按照Three.js 示例完美地工作，其中它使用oscillator = listener.context.createOscillator();，所以我假设这证明了我需要将Tone.js输出连接到侦听器的AudioContex
浏览 17提问于2019-11-05得票数 3
回答已采纳
我正在使用Blender中的three.js JSON导出插件来导出一个基本的测试模型，然后在Three.js中加载该模型。
json很好地加载了模型，但是我在几个材料上添加的“镜像”值并没有显示在模型上。
我见过这个问题( )和其他几个问题，包括three.js git上的一些线程，但似乎没有解决这个问题。
谢谢!
浏览 3提问于2015-12-01得票数 0
回答已采纳
我正在为新的查看器版本7和three.js的加入而苦苦挣扎。根据 https://forge.autodesk.com/blog/webpack-and-threejs-forge-applications 有必要将three.js定义为external。但是我到底应该在哪里做呢？查看器嵌入在一个角度环境中。
浏览 19提问于2019-09-06得票数 0
回答已采纳
1回答
我想要创建一个three.js模型的lightbox/弹出。我的HTML正在出现，但是我看不到画布中的three.js模型，我不明白为什么。谢谢
我的three.js函数：
function cube() {
var myCanvas = document.getElementById("myCanvas");
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(40, window.innerWidth / window.innerHeight, 0.1, 1000);
v
浏览 0提问于2014-08-19得票数 0
回答已采纳
3回答
我想和Three.js一起工作，我想要下载 it，但是当我点击Three.js-网站上的"download“时，我会得到一个文件夹，里面有很多东西：
从这个文件夹结构来看，我猜我只需要包括three.js，或者three.min.js，我猜它是一样的，只有更少的代码，没有选项卡…
这是正确的吗，我只需要：three.js-file，Three.js才能工作吗？…three.module.js-file是做什么用的？
浏览 5提问于2021-01-24得票数 0
回答已采纳
3回答
因此，我一直在尝试在我的Range2应用程序中实现THREE.js。我还没能成功地将库导入到Rang2中。有一些项目的源代码已经过时了，它们要么是角2 (beta)，要么是角js。现在，如果有一个运行THREE.js的空白项目，我会欣喜若狂，从此我就可以开始我的指令了。
如果有人知道如何将THREE.js添加到Range2项目中的任何好例子或提示，我将不胜感激。
浏览 3提问于2016-10-25得票数 7
最初的帖子在这里
这似乎不是一件微不足道的工作，因为在three.js网站上缺乏关于这个主题的文档和示例。
到目前为止，我可以让它渲染正确的图片，在@Mugen87的帮助下，它也可以投射阴影，但它仍然不能接收阴影。
这是来自上面链接的最新代码，我写在这里以便人们可以直接看到它，
var mat = new THREE.ShaderMaterial({
uniforms: THREE.UniformsUtils.merge([
THREE.UniformsLib.fog,
THREE.UniformsLib.
浏览 4提问于2018-05-28得票数 0
我正在尝试用Meteor和Three.js构建一个应用程序，但不幸的是，在将这两个部分绑定在一起方面非常失败。
Three.js是一个用于客户端WebGL可视化的库；不知何故，我无法在Meteor中正确引用它。
如果我将.js放置在/public中，流星要么根本找不到它，要么我得到了一个错误：
ReferenceError:未在app/Three.js:2:47中定义self
当我把它放进其他文件夹的时候。
我真的不知道为什么..。谢谢!
浏览 9提问于2012-11-21得票数 1
回答已采纳
我有一个监视器网格(12*2=24监视器)作为一个大监视器(大墙大小的显示器)运行。我使用three.js构建了一个具有超过10,000,000个数据点和12690 x 3840分辨率的可视化。因此，在这种可视化中，GPU的全部功能都被使用了，与可视化的交互变得越来越慢。我希望通过服务器将渲染分布在12台计算机上，以获得更好的性能，能够添加更多数据点并顺利交互。
你知道如何实现它吗？
浏览 7提问于2020-02-13得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
