在Three.js中将多个对象存储在一个json几何图形中
在Three.js中，可以使用JSON格式的几何图形来存储多个对象。JSON几何图形是一种将3D对象的几何属性和材质属性以JSON格式进行序列化的方法，可以方便地保存和加载多个对象。
JSON几何图形的优势在于它可以将多个对象的几何属性和材质属性组织在一个文件中，方便进行管理和传输。同时，JSON格式是一种通用的数据交换格式，易于解析和处理。
应用场景：
- 场景中包含多个复杂的3D对象，需要将它们保存到一个文件中，以便后续加载和使用。
- 需要在不同的Three.js项目之间共享和重用3D对象。
在Three.js中，可以使用以下步骤将多个对象存储在一个JSON几何图形中：
- 创建一个空的JSON几何图形对象：
var jsonGeometry = new THREE.Geometry();- 创建多个对象的几何属性和材质属性，并添加到JSON几何图形中：
var geometry1 = new THREE.BoxGeometry(1, 1, 1);
var material1 = new THREE.MeshBasicMaterial({ color: 0xff0000 });
var mesh1 = new THREE.Mesh(geometry1, material1);
jsonGeometry.mergeMesh(mesh1);
var geometry2 = new THREE.SphereGeometry(0.5, 32, 32);
var material2 = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
var mesh2 = new THREE.Mesh(geometry2, material2);
jsonGeometry.mergeMesh(mesh2);- 将JSON几何图形对象转换为JSON字符串：
var jsonString = JSON.stringify(jsonGeometry.toJSON());- 可以将JSON字符串保存到文件中，或者在需要的时候加载和解析JSON字符串，将其转换为Three.js的几何对象：
var jsonGeometry = JSON.parse(jsonString);
var geometry = new THREE.Geometry().fromJSON(jsonGeometry);
var material = new THREE.MeshBasicMaterial({ color: 0xffffff });
var mesh = new THREE.Mesh(geometry, material);
scene.add(mesh);推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，包括云服务器、云数据库、云存储等。具体可以参考腾讯云官方文档和产品介绍页面：
相关·内容
我正在努力为我的项目选择最好的Javascript 3D库。
与Scene.js,相比，我更喜欢Three.js，但Scene.js的编码风格似乎更高效，因为我需要动态创建大约100个对象，这意味着要用Three.js声明数百个变量。
在Three.js中，似乎需要为每个不同的对象定义变量并将其添加到场景中，如下所示：
var renderer = new THREE.WebGLRenderer();
var camera =
new THREE.PerspectiveCamera(
VIEW_ANGLE,
ASPECT,
NEAR,
FAR);
var
浏览 4提问于2013-08-06得票数 1
使用Three.js r64，我想从Blender导入一个动画对象及其平滑组，该文件通过Three.js Blender导出器导出为JSON。
动画部分运转良好。
在Blender中，模型看起来很好(中心部分有一个小的平滑组)。
图片：
我可以获得相同的结果，当导出在OBJ与‘平滑组’和‘包括Normals’选项检查。但是，在导出JSON文件时(正常情况下)，它无法正常工作。下面是现场的图片，现场演示。
three_gears.png图片：(添加下一个链接)
现场演示：
我在网上做了大量的查找，找不到正确的信息。最好是另一个问题，这是一个有点老(，r55，)，从来没有得到任何公认的答案。
我确
浏览 7提问于2014-01-11得票数 1
回答已采纳
1回答
我正在努力提高我的webgl技能，并认为最好的学习方式是通过查看three.js 。我了解如何创建和绑定缓冲区，着色器etc.But，我要寻找的是three.js如何管理绑定缓冲区的过程。
gl.createBuffer
gl.bindBuffer
gl.bufferData
有人能解释一下Three.js是如何在引擎盖下工作的吗？
浏览 3提问于2017-02-22得票数 2
回答已采纳
如何将多个Blender JSON模型合并到一个Three.js Object3D对象中？据我所知，谷歌是没有希望的。
浏览 0提问于2016-04-25得票数 0
我想要实现的是用可视化的方式给几何图形的顶点着色，并且只在Three.js中呈现它的顶点。
我想要的是：
我使用搅拌机标记颜色，但不能在Three.js中得到顶点颜色。
我的脚步：
用搅拌机做一个立方体。在搅拌机中，在“顶点油漆”模式下，每一个都涂上不同的颜色。
通过Bender 将多维数据集导出到json文件
在Three.js中加载json文件，如下所示：
(新THREE.JSONLoader()).load('cube.json'，函数(几何学){ console.log(geometry.colors)；//空数组？为什么？})
浏览 2提问于2017-03-06得票数 1
回答已采纳
1回答
我想我这里有个难题..我希望能够得到f.e.的表面。此three.js示例中的橙色对象
我想用鼠标点击，找到正确的表面，然后突出显示，所以我确定这是我想要的表面。(我已经成功地实现了raycaster，所以这不是问题)
浏览 0提问于2019-11-05得票数 0
我在three.js中使用了gltf导入；对象是一个至少有2个网格的骨架。由于某些原因，我需要将几何图形合并到一个网格中；因此，我合并了几何图形，并将材料放入一个材料数组中，所有索引表和皮肤索引都会相应地更新。一切都很好:对象显示完美，骨骼动画效果良好；但变形动画带来了问题:变形影响正确地作用于相关顶点，但也会收缩整个网格(-如果变形对象的位置都设置为0，则会更多-仅用于测试)。如果我不合并网格，而是保留，那么子关系变形目标可以完美地工作(就像在GLTF查看器中一样)，但这会阻止我使用其他我需要的个人功能。因此，问题是:网格的合并是否会对变形目标动画造成问题？我尝试了两种合并方法:将初始缓冲区
浏览 22提问于2020-02-05得票数 0
1回答
我已经安装了搅拌机THREE.js出口插件和导出我的模型作为table.json，也检查了“正面材料”选项。
但是当我从THREE.js加载我的模型时，ObjectLoader和JSONLoader都失败了。
在ObjectLoader中，它帮助：
未定义的TypeError:无法读取未定义的属性“类型”
在JSONLoader中，它帮助：
未定义TypeError:无法读取未定义属性的“长度”
导出的json如下所示：
{
"metadata":{
"type":"BufferGeometry",
浏览 7提问于2017-03-19得票数 0
回答已采纳
在我的3d场景中加载我的3d对象(json文件)有问题。我还没有完全整合我的财产吗？
我没有分配任何纹理。
我的模型是在搅拌机上使用three.js出口商创建的，并且还显示在三个网站的编辑器中。不幸的是有着奇怪的纹理。
浏览器100%加载文件，但会告诉我两个错误。我也不确定。
我提供了这里的数据..。单驱
请注意，请显示为移动版本。我还没有设计桌面视图。
浏览 0提问于2021-06-05得票数 1
回答已采纳
1回答
我终于理解了合并几何对性能的影响。我已经注意到GPU对所有与材料相结合的共享几何图形的调用(或者仅仅是材料计数)。我的问题是，为什么开发人员必须弄清楚如何合并几何图形，而three.js显然只是将所有东西从合并的几何图形中分割出来呢？
我可能漏掉了什么。
浏览 4提问于2014-09-26得票数 0
回答已采纳
我目前正在探索在Three.js中优化加载/生成大量对象所需时间的方法。这些对象的输入是组成二维示意图的各个顶点。
我最初使用的方法是从各个顶点创建THREE.Shape对象，然后使用THREE.ExtrudeGeometry将2D形状拉到3D对象中。对所有对象执行此操作大约需要3500ms。
我已经探索过的第二种方法是使用将生成的3D对象预导出到JSON文件中，然后在需要时导入该JSON文件，而不是在运行时生成对象。仅此JSON表示的导入和加载就花费了大约3800ms，这比在运行时生成对象要长！
我想知道在Three.js中加载/生成对象最快的方法是什么。我不知道如何加快THREE.Shap
浏览 0提问于2013-04-08得票数 1
在OpenGL中，几何体总是在x，y和z中的六个平面的平截体的边界上被剪裁。Three.js57也有六个平面的平截体。我想知道如何用three.js实现在three.js中裁剪网格
提前感谢
浏览 1提问于2013-08-22得票数 2
2回答
我有我的three.js几何图形的元数据。链接此元数据的最佳方式是什么，因为没有属性可以直接将其存储在对象本身中？
浏览 13提问于2018-08-02得票数 1
回答已采纳
示例此模型是一个动态组件：
如何将其导入Three.js？我在想，是否有可能导入模型并使用输入字段和一些javascript创建动态组件对话框？因此，它将像在google sketchup中一样具有交互性。我知道要将OBJ文件导入JSON，然后用three.js加载它们，但是动态组件会发生什么呢？
浏览 9提问于2013-03-08得票数 0
回答已采纳
在THREE.js中，在两个或多个不同场景之间共享顶点数据的最佳方法是什么？我的目标是避免将相同的数据复制到GPU内存中，并减少GPU内存占用。(场景在不同的WebGL渲染器中呈现。)
我应该在场景中使用相同的THREE.BufferGeometry对象吗？THREE.BufferGeometry、THREE.Float32BufferAttribute与实际VBO之间的关系是什么？如果网格具有相同的顶点位置但颜色不同，那么是否有任何选项可以重用位置数据并提供不同的颜色？
浏览 4提问于2019-08-21得票数 2
回答已采纳
我正在尝试在three.js中绘制凸透镜的形状。使用three.js的EllipseCurve，我可以画一个简单的垂直椭圆。但是我需要画一个凸形的lens.Also，如何控制它，让用户可以改变宽度的长度呢？
浏览 15提问于2017-02-27得票数 0
1回答
我正在尝试定制一个3d点云渲染tool.It是可用的。通过它的代码，我可以发现它使用了来自Three.js的Three.js。我的目标是使用自定义这个工具，以便用户可以执行以下操作：
选择在3d点云场景中呈现的对象
将元素添加到场景中，如线条、框等。
检查对象是否相交
在Three.js的ParticleSystem上浏览一些在线内容，似乎需要在创建粒子系统的一开始就对其进行初始化。如果是这样，那么编辑它似乎是不可能的。
做我想做的事有可能吗？
浏览 3提问于2018-04-23得票数 0
1回答
目前，我正试图使用以下代码使用.stl加载和显示一个three.js文件：
var stlLoader = new THREE.STLLoader();
stlLoader.load('assets/Cap.stl', function (object){
object.position.y = - 100;
scene.add(object);
console.log("Object inserted.");
fitCameraToObject(camera,object,2,controls);
control
浏览 3提问于2020-02-05得票数 1
回答已采纳
我正在做一个Three.js开发。具体来说，我正在THREE.JS中创建网格，但是作为数千个顶点的电荷，在创建的数字中需要很长的时间。因此，我的想法是保存以.json格式创建的对象，以便在运行应用程序时只需要加载.json，所以不要延迟。
我试过使用库：DEBUGOUT
但是json太棒了，以至于浏览器崩溃了(我想)。我还努力：
JSON.stringify ()
复制和粘贴，但我得到了一个错误的循环结构的东西。在google中，我试图将其保存为一个临时变量，但实际上：
copy (temp1);
我得到了[object Object]我能做什么？
这是我的儿子：
我需要把我的.json写成
浏览 4提问于2015-09-15得票数 1
回答已采纳
目前，我正在将许多..obj文件(共20‘m)加载到Three.js中。当文件加载时，一切正常，但问题是，Three.JS需要大约25秒来加载和处理数据，用户不能与页面进行交互，这是非常令人沮丧的。
这些文件只包含几何图形、wihtout动画和材料，所以我想知道是否有更好的方法将几何图形加载到Three.JS中。我读了很多关于webworkers和缓冲几何学的文章，但直到现在我还没有找到解决问题的明确方法。
我希望有人能给我个提示。
浏览 4提问于2014-08-29得票数 2
回答已采纳
我使用OBJloader在WEBGL，Three.js中加载一个.obj文件。我想访问对象的顶点和面，但是geometry.vertices不返回顶点位置，它给了我一个未定义的位置。
下面是一段代码：
var tool= new THREE.OBJLoader();
tool.load( '../obj/tool.obj', function ( object ) {
var material = new THREE.MeshLambertMaterial({color:0xA0A0A0});
obj
浏览 0提问于2015-06-01得票数 1
回答已采纳
1回答
希望这是一个非常简单的问题，但我很难从代码中得到一个清晰的想法.
在Three.js中，“对象”和“元素”有什么区别？
例如，在Projector.projectScene( scene, camera, sortObjects, sortElements )中。以及sortObjects和sortElements在CanvasRenderer中的标志。我理解他们集体地做什么，但是他们之间有什么区别/为什么他们是分开的标志？
浏览 4提问于2013-09-09得票数 0
回答已采纳
我可以很容易地让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
回答已采纳
考虑下面的代码：
<html>
<head>
<title>My first Three.js app</title>
<style>canvas { width: 100%; height: 100% }</style>
</head>
<body>
<script src="https://rawgithub.com/mrdoob/three.js/master/build/three.js&
浏览 0提问于2013-10-24得票数 4
回答已采纳
有一个奇怪的不规律发生在我试图实现水2.js材料在一个长的表面，我无法解释。当我启动我的应用程序，水呈现正确(见屏幕截图1)。
玩家向前移动了很多，突然水变成了你在截图2中看到的东西。
我无法解释为什么或如何发生，因为它的开始，完全按照我的意愿。以前有人偶然发现过这个吗？我怎样才能阻止它变成我的场景背景的坚实镜子呢？
DevBrowser：Chrome65
Threej：r91
示例代码
使用three.js示例中的这三个脚本
<script src="js/objects/Reflector.js"></script>
<script src
浏览 2提问于2018-04-20得票数 0
回答已采纳
1回答
我使用SketchUp加载一个用Three.JS创建的简单glb模型，该模型包含一个名为Text的组。
模型在Three.js中加载和显示得很好，我可以通过遍历加载的模型找到网格。
我想要创建一些文本，然后将文本显示为模型上的纹理。但当我指定纹理时，它只是黑色的。如果指定一个颜色，它将按预期的方式工作。我试了很多不同的东西，但质地仍然是黑色的。
我使用以下代码进行分配：
var textModelMesh = FindMeshWithNameInModel(model, "Text");
var textTexture = CreateCanvasTexture(
浏览 2提问于2019-06-03得票数 0
回答已采纳
我是Three.js / WebGL的新手，我正在构建一个半游戏半音乐可视化工具，它涉及到许多不同的几何图形，以不同的方式在场景中移动。我已经尽我所能研究了优化，并遵循了很多建议--我把很多重复的几何图形(例如，城市中每一栋建筑的立方体几何图形)合并成大型GeometryUtils合并，我删除了一些纹理，我将文本几何图形的曲线段缩小到了1。但我的应用程序的性能仍然在40 fps (在一台游戏计算机上相当不错)到20 fps (在我的15英寸Macbook上)之间，在不同朋友的计算机上似乎只是随机的1英尺。
我一直无法摆脱的一件事，我知道代价很高，那就是不断更新顶点。我有一个很大的Three.j
浏览 11提问于2013-11-18得票数 0
回答已采纳
我正在查看three.js代码，并注意到它在绘图时对所有对象进行交互。然后依次更新每个对象的GL上下文。但是如果我有一堆对象共享一种材料，这是非常低效率的，因为它可能与其他对象交织在一起。
如何将我的对象放在最小化gl调用的顺序中？我知道哪些对象共享属性，只是不知道如何告诉three.js这些信息。
更新:我修改了three.js代码并对更新进行了计数。太浪费了。给定一个逻辑对象和两个材料，对于我添加到场景的每一个对象，它需要交换两次程序。因此，对于100个这样的对象，它将交换200次，而不是期望的2个交换！
浏览 1提问于2014-01-09得票数 0
首先-我是three.js的初学者，我只想分享我的经验。
我的任务是将几何学转换成某种东西，并将其传输到另一个WebWorker(您不能在工作人员之间传输所有对象，只有 )。因此，我打开文档，尝试使用.toJSON，然后使用BufferGeometryLoader(和许多其他方法)。
const box = new BoxBufferGeometry();
const geomJSON = box.toJSON();
const geometriesLoader = new THREE.BufferGeometryLoader();
const parsedGeom = geometriesL
浏览 12提问于2022-01-20得票数 1
回答已采纳
2回答
PIXI.js具有Container#cacheAsBitmap，它可以使容器将自己“渲染”到图像中，保存该图像，渲染图像而不是其子对象，并且当子对象被添加、移除或更新时，缓存也会更新。
Three.js的替代方案是什么(但它不是图像，而是网格)？
浏览 77提问于2019-07-08得票数 3
回答已采纳
2回答
我使用在本地工作的three.js编辑器创建了一个简单的场景。当我完成场景后，我将转到“文件”->“导出场景”，编辑器生成JSON对象/场景。现在我将复制并粘贴这段代码，然后像.js一样保存。如何在保留纹理的情况下将此场景导入项目中？
谢谢！
浏览 33提问于2014-04-01得票数 5
1回答
我有一个obj文件，其中包含顶点组和主对象。我试图为通过顶点组标记的每个组分配颜色。我能发现的是，在three.js中，每个顶点组都是Object3D类型的，并且没有像setColor这样的函数，相反，每个顶点组都有两个THREE.Mesh类型的子节点，并且通过一个物质属性访问setColor函数。我不清楚这个等级制度。如何设置每个顶点组的颜色。
另外，早期版本的three.js具有不同的对象子关系层次结构。请给我一些投入。我一直在寻找解决方案
浏览 0提问于2015-02-17得票数 0
我正在尝试学习更多关于THREE.js中性能几何的知识，并逐渐了解到索引的BufferGeometry和InstancedBufferGeometry是两种最具表现性的几何类型。
到目前为止，我的理解是，在索引的BufferGeometry中，在几何学中重新使用的顶点只被添加到几何图形中一次，并且给定重用顶点的每个实例都由它们在顶点数组中的索引位置所引用。
我对InstancedBufferGeometry的理解是，这个几何允许一个人创建一个对象的“蓝图”，将该对象的顶点的一个副本发送到一个着色器，然后使用自定义属性来修改蓝图的每个副本的位置、旋转、缩放等。[]
我想更好地理解:在某些情况下，
浏览 1提问于2018-04-28得票数 6
回答已采纳
2回答
我了解到，为了提高three.js的性能，我们需要最小化绘制调用的数量。这可以通过使用GeometryUtils.merge合并几何图形来完成。
但是，合并后，不能再使用光线投射拾取单个几何体。我理解其中的原因，但我想知道是否有其他技术可以在合并后选择单独的几何图形？
浏览 0提问于2013-10-16得票数 4
如何在不导致内存泄漏的情况下从three.js场景中完全移除网格。我可能会发现，一次又一次地加载相同的模型会导致浏览器崩溃，所以看起来内存并没有被释放。
浏览 2提问于2016-11-19得票数 5
回答已采纳
我使用的是THREE.js 64版本。现在我正在使用three.js中的凸几何体从顶点创建网格。我的问题是凸几何会产生闭合曲面。我需要在three.js中创建非凸或凹几何图形的任何想法
提前感谢
浏览 0提问于2014-01-30得票数 0
1回答
测量三维模型的距离？
、、、
我想让测量带看起来像下面的图像：
在此链接到图像上的产品：，他们也使用Webgl，但不使用Three.js
那么，如何在Three.js中制作三维模型的测量带呢？
谢谢。
浏览 2提问于2014-03-02得票数 2
回答已采纳
我正在尝试将OrbitalControls添加到Three.js脚本中。代码应该将两个球添加到一个空空间中，让用户用OrbitalControls查看球，但是每当我运行代码时，我就会得到以下错误：
three.js:5353 Uncaught TypeError: Cannot read property 'center' of undefined
at Sphere.copy (three.js:5353)
at Frustum.intersectsObject (three.js:5792)
at projectObject (three.js:22
浏览 0提问于2018-04-05得票数 0
回答已采纳
我希望用Three.js创建一个3D角色，角色有不同的脸，不同的纹理，也有不同的物品(例如拿着剑或匕首)。
是否可以使用一个3D对象并使用three.js显示/隐藏该对象的不同部分？例如，对象可以有匕首和剑，但用户只在一个场景中看到匕首，在另一个场景中只看到剑？
或者，我是否需要使用不同的3D对象并将它们加载到同一个画布中？
提前感谢！
浏览 4提问于2016-04-13得票数 0
回答已采纳
1回答
我有一个THREE.js项目，其中包含一个导入的gltf对象：
loader.load("myObj.gltf",
function(gltf){
scene.add(gltf.scene);
},
undefined,
function(error){alert(error);});
稍后，我克隆对象：
let newObj = oldObj.clone();
为了清除内存，我必须释放新克隆的对象，而不是原始对象。我该怎么做呢？我试过处置()，但那行不通。
浏览 9提问于2022-09-20得票数 2
由于我使用的是修订版54而不是修订版48，所以在我的脚本中我得到了这样的优势：
Uncaught TypeError: Cannot read property 'map' of undefined three.js:18155
bufferGuessUVType three.js:18155
initMeshBuffers three.js:17963
addObject three.js:21674
initWebGLObjects three.js:21608
render three.js:21145
...
THREE.JSONLoader.createModel t
浏览 2提问于2012-12-29得票数 3
回答已采纳
有没有办法使用three.js设置整个THREE.Geometry对象的颜色？我有几种天真的方法可以做到这一点，但没有一种方法看起来很理想。
我可以克隆一种材质并为每个几何体设置不同的颜色。从本质上讲，每个几何体与材质具有一对一的关系。但是，这将在GPU上创建许多重量级材质对象和可能不必要的额外着色器。
我也可以使用单一的白色材料，然后给几何体的所有面上色。但是，由于每个几何体将只有一种颜色但有多个面，因此会造成相同颜色对象的大量重复。
对于three.js，有没有一种“合适”的方法来做这件事？
浏览 0提问于2013-03-19得票数 0
回答已采纳
这是我的演示：
var scene, camera, renderer, loader, ambient, directionalLight;
var object;
var windowHalfX = 300;
var windowHalfY = 145;
var targetRotation = 0;
var targetRotationOnMouseDown = 0;
var mouseX = 0;
var mouseXOnMouseDown = 0;
init();
function init() {
container = document.createElemen
浏览 3提问于2013-08-05得票数 1
回答已采纳
我正在尝试创建多个视图，并复制了找到的示例代码，并且它工作得非常完美。
然而，一旦我用搅拌器中构建的几何图形替换了几何图形，它就会抛出一个错误：
Cannot read property 'length' of undefined - three.js 21532
在动画/呈现循环中，它呈现第一个画布第一个帧，然后第二个画布第一个帧抛出错误。
我知道这与object.__webglInit是第二个对象的未定义有关。
浏览 3提问于2015-07-25得票数 0
回答已采纳
我获得了以下代码，用于将带有.MTL的简单非动画.OBJ加载到Three.js中。它确实非常简单，而且运行良好，但是当我用computeBoundingSphere()添加这行代码时，它失败了，并显示"TypeError: object.computeBoundingSphere不是一个函数“：
var callbackIrali1 = function ( event ) {
var object = event.content;
object.computeBoundingSphere();
scene.add( object );
};
var loa
浏览 0提问于2012-11-28得票数 0
回答已采纳
我有一个模型的".obj“和".mtl”文件，我正在通过OBJMTLLoader加载它。".mtl“指定要应用于模型的纹理，而three.js加载模型并使用应用纹理呈现它。
但事情是这样。
一旦一个对象被加载，我想应用另一个纹理到它上。这是因为第一个纹理表示物体的表面材料。第二种纹理是一幅画，我想定位在模型上的一个特定位置。
我的问题是：如何将第二个纹理应用到已经加载(并经过文本化的)对象上
我看到three.js创建了一个THREE.Object3D实例，该实例具有一个THREE.Mesh实例的“子”数组。
当我试图将纹理应用到那个网格(mesh.material.m
浏览 4提问于2013-05-27得票数 8
回答已采纳
就像我们在运行时更改3D立方体的高度/宽度/深度一样：
如何在运行时更改使用Three.js创建的圆柱的半径和长度？
这是我的代码：
HTML:
<script src="http://www.html5canvastutorials.com/libraries/three.min.js"></script>
<div id="container"></div>
JS
//Script for 3D Cylinder
// revolutions per second
var angularSpeed = 0.
浏览 3提问于2014-02-14得票数 4
我最近用WebGL做了一个项目，使用Javascript和3D库three.js
然而，它的性能是非常差，缓慢的开始，最好是接近好。
我的游戏对象是:1辆车，6颗桔子，161块啦啦队，1张桌子，1把叉子，6支蜡烛。
你控制赛车就像在一个比赛游戏(WASD或方向键)，你通过一个电路限制的啦啦队。汽车由几个three.js几何形状(盒子，环面，圆柱，球体)组成。如果一个橙色与赛车相撞，玩家回到赛道的起点，失去1条生命。
所有的橘子都是以一种平直的运动方式运动的，如果它们与汽车相撞，就会把它撞死。橙色模型由three.js几何球和圆柱体组成。
该表是一个立方体，在xyz坐标下缩放为300
浏览 6提问于2015-12-21得票数 0
光线投射选择对我的静态网格项目很好，但是对于动画网格，光线选择似乎没有看到网格的移动，只响应网格的非动画(原始)位置。
我的选择代码如下：
element.addEventListener( 'mouseup', function ( event )
{
var vector = new THREE.Vector3(( event.clientX / window.innerWidth ) * 2 - 1, -( event.clientY / window.innerHeight ) * 2 + 1, 0.5);
vector = vector.unproject
浏览 4提问于2015-12-31得票数 1
回答已采纳
我需要知道使用three.js时可以使用哪些类型的几何图形。我的要求是
四边形单元|二维Tria单元|二维六边形单元|三维四边形单元|三维四边形单元
我可以在three.js中制作3d元素吗？我的选择是什么。我需要用于工程目的的3d元素，我需要为我的项目使用webgl。
浏览 1提问于2013-09-07得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
