如何在three.js中从BufferGeometry绘制2D/3D网格
在three.js中，可以通过BufferGeometry来绘制2D/3D网格。BufferGeometry是three.js中用于高性能渲染的几何体对象，它直接操作底层的缓冲区数据，提供了更高效的渲染方式。
要在three.js中从BufferGeometry绘制2D/3D网格，可以按照以下步骤进行：
- 创建一个BufferGeometry对象：使用
new THREE.BufferGeometry()来创建一个空的BufferGeometry对象。 - 定义顶点数据：通过创建一个Float32Array类型的数组来定义顶点的位置信息。每个顶点的位置通常由三个浮点数表示（x、y、z坐标）。例如，可以使用以下代码创建一个包含四个顶点的正方形的顶点数据：
- 定义顶点数据：通过创建一个Float32Array类型的数组来定义顶点的位置信息。每个顶点的位置通常由三个浮点数表示（x、y、z坐标）。例如，可以使用以下代码创建一个包含四个顶点的正方形的顶点数据：
- 创建顶点属性：通过将顶点数据绑定到BufferGeometry对象的属性中来创建顶点属性。可以使用
setAttribute()方法来创建属性。例如，可以使用以下代码将上述顶点数据绑定到BufferGeometry对象的position属性中： - 创建顶点属性：通过将顶点数据绑定到BufferGeometry对象的属性中来创建顶点属性。可以使用
setAttribute()方法来创建属性。例如，可以使用以下代码将上述顶点数据绑定到BufferGeometry对象的position属性中： - 这里的
'position'表示属性的名称，new THREE.BufferAttribute(vertices, 3)表示使用上述定义的顶点数据和每个顶点的维度为3。 - 定义索引数据：通过创建一个Uint16Array或Uint32Array类型的数组来定义网格的索引信息。索引用于指定顶点的连接顺序，以便正确绘制三角形或四边形。例如，可以使用以下代码创建一个包含两个三角形的正方形的索引数据：
- 定义索引数据：通过创建一个Uint16Array或Uint32Array类型的数组来定义网格的索引信息。索引用于指定顶点的连接顺序，以便正确绘制三角形或四边形。例如，可以使用以下代码创建一个包含两个三角形的正方形的索引数据：
- 创建索引属性：通过将索引数据绑定到BufferGeometry对象的索引属性中来创建索引属性。可以使用
setIndex()方法来创建索引属性。例如，可以使用以下代码将上述索引数据绑定到BufferGeometry对象的index属性中： - 创建索引属性：通过将索引数据绑定到BufferGeometry对象的索引属性中来创建索引属性。可以使用
setIndex()方法来创建索引属性。例如，可以使用以下代码将上述索引数据绑定到BufferGeometry对象的index属性中： - 这里的
new THREE.BufferAttribute(indices, 1)表示使用上述定义的索引数据和每个索引的维度为1。 - 创建网格对象：使用BufferGeometry对象创建一个网格对象，以便将其添加到场景中进行渲染。可以使用
new THREE.Mesh(geometry, material)来创建网格对象，其中geometry为上述创建的BufferGeometry对象，material为网格的材质。 - 创建网格对象：使用BufferGeometry对象创建一个网格对象，以便将其添加到场景中进行渲染。可以使用
new THREE.Mesh(geometry, material)来创建网格对象，其中geometry为上述创建的BufferGeometry对象，material为网格的材质。 - 这里的
THREE.MeshBasicMaterial表示使用基本材质，color: 0x00ff00表示网格的颜色为绿色。 - 渲染场景：最后，使用渲染器将场景渲染到屏幕上。可以使用以下代码创建一个渲染器并将其添加到页面中：
- 渲染场景：最后，使用渲染器将场景渲染到屏幕上。可以使用以下代码创建一个渲染器并将其添加到页面中：
- 然后，使用渲染器的
render(scene, camera)方法将场景和相机渲染到屏幕上： - 然后，使用渲染器的
render(scene, camera)方法将场景和相机渲染到屏幕上：
通过以上步骤，就可以在three.js中使用BufferGeometry绘制2D/3D网格了。
对于更多关于three.js的详细信息和示例，可以参考腾讯云的three.js产品介绍页面：three.js产品介绍
相关·内容
我正在尝试使用Three.js来可视化一个3D矩阵。对于每一个2D平面，我希望可视化是一个2D热图，它看起来如下：
用户可以拖动每一架飞机来显示矩阵的不同部分。我现在面临的问题是，我无法在Three.js中找到最好的方法来可视化它。我把热图中的每个单元格分别画成一个方形，然后给它涂上颜色。然而，当矩阵的大小变得非常大时，比如说100000 * 500 * 200，它的绘制非常缓慢。
我对3D和Three.js非常陌生。我看了一些例子，在我看来，Three.js实际上可以通过使用粒子系统来可视化大量的数据，但我不确定我应该如何使用它。我在网上发现的一些例子不适用于最新版本的Three.
浏览 4提问于2016-11-28得票数 0
回答已采纳
我们目前正在尝试在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
我在BufferGeometry中有一些要点。它们将自己排列成规则的1D/2D/3D网格。我正在做索引映射到更高的维度，并动态地移动顶点，以便它们最终相对于它们的邻居位于适当的位置(具体地说，我正在可视化一个)。
我想绘制顶点之间的连接，如上图所示。对于1D来说，这样做足够简单，因为它只是一个new Line(myBufferGeometry)，但是如何才能在2D和3D中实现同样的效果呢？我是否必须为此创建和更新单独的几何图形，比如make make LineSegments？怎样才能有效地做到这一点呢？或者有没有什么“魔法”我可以做的，比如使用index属性？
浏览 7提问于2018-08-18得票数 1
回答已采纳
我试图使用@react 3/光纤在bufferGeometry上绘制一个自定义网格。我看了无数的教程，教我如何画点，球体，盒子，线条。但我不知道如何绘制自定义网格，而且很难阅读three.js文档，因为我使用的是具有不同语法的react。有人能帮我吗？我只想做两个或更多的三角形：
const vertices = [
0.0, 0.0, 0.0,
1.0, 0.0, 0.0,
0.0, 0.0, 1.0,
1.0, 0.0, 0.0,
0.0, 0.0, 1.0,
1.0, 0.0, 1.0,
...
];
return (
浏览 7提问于2021-11-09得票数 2
回答已采纳
我使用Three.js在画布元素中使用webgl创建一些3D图形。是否有一个很好的库来在3D图形的顶部绘制2D元素。有点像3D游戏的HUD。我想在屏幕上绘制一些图像或文本，覆盖3D内容。有什么想法吗？用Three.js能做到吗？
浏览 2提问于2012-02-02得票数 2
回答已采纳
我正在尝试将3D网格展平为2D形状。我想要实现的是像这样的东西
基本上，你在图像中看到的是一个给定的网格及其沿不同视图的轮廓。我想用Three.js为任何给定的网格做同样的事情，但我不知道如何才能得到轮廓。
我想到了两种可能的解决方案：
1)复制网格并沿给定轴进行缩放，使其变平(例如，如果我想获得从正Z到负的形状的轮廓，我只需像这样缩放它：
myMesh.scale.z = 0.001 // Small value to make it "2D-like"
问题:我正在复制和重新绘制一个可能非常大的网格，所以效率不是很高。
2)将网格的顶点投影到2D平面，使它们都在同一级别，然
浏览 6提问于2016-04-23得票数 1
我使用CatmullRomCurve3和THREE.js类在3D中创建了一个直线图，它处理了我想要的曲线和平滑。
不幸的是，现在我想把这条曲线变成一个网格，也许还能挤出这个网格，看来我做不到。当我尝试这样做时：
var geometry = new THREE.ShapeGeometry( curve );
var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
var mesh = new THREE.Mesh( geometry, material ) ;
我得到的错误证明，曲线并不完全符
浏览 4提问于2018-03-25得票数 0
回答已采纳
1回答
我正在尝试使用matlab从不同的视图计算3d网格的2d投影。我现在使用的解决方案是绘制3d网格，旋转它，并制作一个屏幕截图。
我想知道是否有任何matlab内部函数或任何其他解决方案，允许我在给定一组顶点和三角形的情况下计算投影，而不必绘制3D网格
谢谢
浏览 2提问于2011-05-31得票数 2
在THREE.js中，在两个或多个不同场景之间共享顶点数据的最佳方法是什么？我的目标是避免将相同的数据复制到GPU内存中，并减少GPU内存占用。(场景在不同的WebGL渲染器中呈现。)
我应该在场景中使用相同的THREE.BufferGeometry对象吗？THREE.BufferGeometry、THREE.Float32BufferAttribute与实际VBO之间的关系是什么？如果网格具有相同的顶点位置但颜色不同，那么是否有任何选项可以重用位置数据并提供不同的颜色？
浏览 4提问于2019-08-21得票数 2
回答已采纳
1回答
我正在尝试定制一个3d点云渲染tool.It是可用的。通过它的代码，我可以发现它使用了来自Three.js的Three.js。我的目标是使用自定义这个工具，以便用户可以执行以下操作：
选择在3d点云场景中呈现的对象
将元素添加到场景中，如线条、框等。
检查对象是否相交
在Three.js的ParticleSystem上浏览一些在线内容，似乎需要在创建粒子系统的一开始就对其进行初始化。如果是这样，那么编辑它似乎是不可能的。
做我想做的事有可能吗？
浏览 3提问于2018-04-23得票数 0
1回答
我有一个非常简单的Three.js场景：
通过提供来自2D空间的一系列矢量(从相机视图0，0,200绘制)，例如{from:{x,:0, y:10}, to:{x:50,y:50}}，我希望能够绘制一条穿过平面对象表面的路径，就像下面的示例图像所描绘的那样：
一般来说，我对Three.JS/ 3D比较陌生，我看过Vector3和path对象，但我承认我有点不知道从哪里开始--有人能给我提供什么建议吗，或者最好是对我发布的JSFiddle进行简单的更新？
浏览 9提问于2013-04-01得票数 0
回答已采纳
1回答
我试图围绕一个物体的三维元素来使它们可以选择。
在2D形状下，使用Shap非常容易。
const shape = new Shape();
if (!points.length) return shape;
for (const point of points) shape.lineTo(point[0], point[1]);
if (mousePos) shape.lineTo(mousePos[0], mousePos[1]);
return shape;
我在想，在3D中，我可以用鼠标在实体周围画，用点云填充空白处，然后用光栅机迭代每个点，这样就可以调整到与网格最接近的摄像机
浏览 1提问于2022-06-27得票数 -1
1回答
我有多边形的顶点(x，y，z)作为输入。如何在three.js中呈现具有这些顶点的多边形？THREE.Geometry()从三个js中删除。如何用bufferGeometry或其他方法绘制平面多边形？现在，当我用顶点绘制多边形时，它会绘制不完整的网格(多边形)。下面的代码用于绘制多边形。
const verticesGeometry = new THREE.BufferGeometry().setFromPoints(measurement.coordinates.map((coord) => new THREE.Vector3(coord.x, coord.y, coord.eleva
浏览 19提问于2022-11-08得票数 3
回答已采纳
我试图使用以下方法在一些3D网格上创建一个轮廓效果：
绘制初始阴影网格，平滑网格法线，将网格法线按法线向外推，绘制后脸，仅以坚实的轮廓颜色
除了平滑部分之外，我把一切都做好了。平滑的网格是需要创建一个良好的连续外部轮廓(否则会有不规则的角度)。。平滑过程是这样的：
let geometry = new THREE.BoxGeometry();
geometry.deleteAttribute('normal');
geometry.deleteAttribute('uv');
geometry = THREE.BufferGeometryUtil
浏览 7提问于2021-07-08得票数 2
我正在使用将3D模型加载到我的场景中。效果很好。
但是，在将它添加到场景之后，我需要缩放它10，然后检索它的顶点位置。
我知道THREE.OBJLoader给了我一个BufferGeometry，我知道如何使用position属性访问它的顶点。
我的问题是:存储这些顶点的Float32Array在缩放我的网格后似乎没有被更新，无论我是在将它添加到场景之前还是之后。
在从加载程序获得网格后，我使用这个片段来缩放网格：
myMesh = new THREE.Mesh(loadedMesh.geometry, new THREE.MeshBasicMaterial({color: 0xff0000}
浏览 0提问于2018-06-24得票数 0
回答已采纳
如何将2D坐标投影到3D上？
例如，我有一个宽为256px的图像(表示为粒子)。如果我假设这个图像在2D空间的原点(0,0)上居中，那么正方形的垂直边位于x= 128和x= -128处。
因此，当此图像(粒子)被放置在原点(0，0)处的Three.js场景中，并且相机与原点的距离为CamZ距离时，如何将原始2D坐标投影到3D，3D坐标最终将告诉我图像(粒子！)的宽度。以three.js单位显示在屏幕上。
浏览 3提问于2012-06-26得票数 3
回答已采纳
我目前正在了解three.js库。存储在网格几何中的坐标是元组(x，y，z)。然而，在幕后进行仿射变换时，显卡使用元组(x，y，z，w)并将转换编码为4x4矩阵。
我可以在three.js中显式地将顶点存储为元组(x，y，z，w)吗？
我不希望w的值总是1。(是的，这是一个有点奇怪的请求，我完全知道(x，y，z，w)总是可以被重新标度，以便生成w=1。但是，我想到的应用程序要求我将顶点存储为4元组，并且可以设置所有4个坐标)。
如果我可以使用WebGL，我不想深入研究原始的three.js。
浏览 4提问于2014-02-26得票数 0
回答已采纳
我有一个3D多边形网格和一个对应的2D多边形网格(实际上来自)，我使用它们将几何图形映射到2D平面上。给定平面上的一个点，我如何有效地找到它所在的多边形，以便将该2D点映射回3D？
我能想到的最好的方法是将多边形存储在2D间隔树中，并使用它来获得候选多边形。有没有更简单的方法？
需要说明的是，这不适用于着色器。实际上，我正在进行2D物理模拟，并将其呈现在3D网格周围。要绘制每个对象，我需要找出3D中的哪个点对应于它的实际2D位置。*
浏览 2提问于2010-09-03得票数 2
1回答
将任意2D多边形投影到3D三角形网格的最佳方法是什么？
为了让事情变得更清楚，这里是这个问题的可视化：
三角形网格表示地形，因此可以认为是2.5D。我希望能够将投影的多边形视为单独的对象。这个特殊的实现是在WebGL和three.js中完成的，但是任何适合交互式3D应用程序的解决方案都是很有趣的。
浏览 40提问于2018-02-13得票数 4
在Three.js中，有一个允许您轻松创建平面网格的GridHelper，如下所示：
var grid = new THREE.GridHelper(size, divisions, colorCenterLine, colorGrid);
您可以看到一个结果示例。
我想要做的是创建一个盒子/立方体网格，就像这样：
我需要一个多维数据集，因为稍后我想知道，例如，一个对象是否在多维数据集中(动态的)。
我找不到一个能做我需要的事情的助手，所以我的想法是使用而不是BufferGeometry，但我甚至不知道这是否可能。我想补充的是，我在3D图形领域没有太多的知识，我才刚刚开始。
我很想听
浏览 2提问于2017-11-22得票数 0
回答已采纳
问题：，我希望在缩放后更新网格上的顶点位置。我这样做是因为我需要计算网格的体积。为此，我创建了一个克隆网格，因为我需要在原始网格中保持一个活动参数。
我在用了答案
它在three.js版本.70中运行良好，但在.72版本上出现了故障。
我的代码：
var volumeClone = new THREE.Mesh (this.mesh.geometry.clone(), new THREE.MeshBasicMaterial( { color: 0xff0000 } ));
volumeClone.scale.z = heightScale;
volumeClone.updateM
浏览 0提问于2015-10-26得票数 0
回答已采纳
我正试图在我的应用程序中升级ThreeJS的发布版本。我在一个3D场景上显示了一些网格，允许用户设置他们的颜色映射。网格可以用两种方式着色，顶点或脸。
在创建网格的材料时，我根据我想要的行为将vertexColors属性设置为THREE.VertexColors或THREE.FaceColors。
在rev71上，我实现了颜色的改变，如：
var geometry = mesh.geometry;
/* For each face, change it's face colour or vertex colour */
for(var i = 0; i < geometry.fa
浏览 1提问于2016-02-11得票数 0
回答已采纳
我在three.js中使用bullet/ammo.js。我有一个3d网格，我想使用精确的形状与柔体进行碰撞检测。有没有办法从网格(在three.js中)创建3d刚体(在bullet中)？
这里有一个例子： (请稍等片刻，等待下载3d模型)。我有一块布落在一个3d物体上，我需要模拟这块布与物体的碰撞。
我刚接触这些框架，如果我从根本上误解了什么，很抱歉。
浏览 24提问于2016-09-12得票数 2
回答已采纳
2回答
我的问题有点复杂，所以我要把它分成几部分，然后附上一张图片。
1)在“团结”中，我希望能够用鼠标在3D worldspace网格上画一条线。
2)当我在3D worldspace网格上绘图时，我需要一个表示同一个三维worldspace网格曲面的二维UI图像组件。update组件需要在UI上实时显示线条绘制更新。
3)我还需要能够在2D UI Image组件上绘制一条线，并在3D worldspace网格上显示这条线。
目前，我已经通过使用光线投射并在返回的raycasthit的世界坐标上绘制线来实现第1部分。这个很好用。
现在，我有点不知所措，因为如何正确地将这条线的世界坐标映射到2D UI
浏览 0提问于2015-06-26得票数 3
2回答
是否可以使用pixi.js制作2D图形，然后使用three.js添加3D对象，或者在同一视图中旋转2D pixi对象？
例如，可以用pixi制作2D gui，然后用three.js旋转到3D场景中吗？
或者像这样使用这两个库是不可能的？
浏览 9提问于2013-09-29得票数 1
2回答
我有一些土壤含水量(Theta)的数据以三维域点(x, y, z, Theta列的CSV文件)的形式出现。我想在一些特定的位置(图中的ABCD部分)从3D域获取横截面。我想在横截面上的5*5网格中计算Theta的值，但是网格每个节点周围的点不与未知点共面。我以前对python中的2D域这样做过，但对我来说，3D域似乎更复杂。我发现了，但我希望它能输出一个numpy数组或熊猫DataFrame，在jupyter笔记本中把它画成等高线。
我知道，要找到网格，需要通过从其邻居处插值或网格来找到图中每个点(如P0 )的值，然后使用matplotlib绘制横截面，但我不知道如何做。
相关的问题，从
浏览 7提问于2017-12-18得票数 2
我是个3D编程新手。
我正在尝试使用three.js和Spine在3D空间上渲染2D字符。
我想把网格渲染成雪碧。它意味着对象以并行的方式查看近景，而不是带有lookAt()函数的摄像机点。
脊柱有网状遗传的SkeletonMesh。所以，即使只有一张脸，它也像3D物体一样显示。
有没有简单的方法？或者请提出数学方法。
谢谢。
浏览 3提问于2017-03-09得票数 0
回答已采纳
在我的要求中，我需要在鼠标时刻向用户展示不同的建筑。(就像漫游一座城市)。我把no.of建成一张照片。如何将所有这些转换为3d对象？
( a)我可以使用插画器来跟踪(绘制)，所以builidg变成了2d的绘图，但是如何将它转换成3d对象呢？three.js会接受由此创建的vector绘图吗？
( b)或者我可以直接使用不同的图像来制作3d视图？如果是这样的话，例如我有前视图和后视图--如何将它们转换为3d图像？
这是我的图片样本:谁能帮我展示，把这个交给3d，我的相机就可以绕着它走了？我正在寻找一些好的线索或样本作品或教程。
浏览 5提问于2015-07-18得票数 1
回答已采纳
我想做橡皮筋的选择。
我在2d中画一个矩形div。
然后用three.js (相交技术)将二维转换为三维。
现在我的问题是-
如何查找矩形div中的元素/面。
有没有其他方法在3d中绘制橡皮筋。
有谁能给我你对3D橡皮筋选择技术的有价值的指导(WebGL-3ree.js)。
提前感谢
浏览 5提问于2014-07-30得票数 0
1回答
Python中的三维网格绘图
、、、、
我在找图书馆。我有3D网格数据，我想用Python绘制。当我想绘制2D网格数据时，我使用matplotlib的matshow
from matplotlib.pylab import matshow, show
matshow(some_data)
show()
但是现在我有了这种栅格数据的3D版本，我想要能够在3D空间中绘制盒子(立方体)。理想情况下，使用matplotlib可以解决这个问题，但我猜解决方案将在另一个库中(希望是Anaconda中的某些内容)。
浏览 2提问于2015-08-19得票数 2
回答已采纳
我想了解three.js在内部是如何工作的。我不明白的一件事是three.js是如何编译和运行着色器程序的。如果我自己重新实现three.js，我会有一个属于Geometry的顶点着色器和一个属于Material的片段着色器，然后当它们在Mesh中组合时生成一个着色器程序。但是从几何体和材质上看，它们似乎没有引用任何着色器。此外，项目中的着色器(在文件夹three.js/src/renderers/shaders/中)似乎不属于任何特定的Geometry/Material。我想知道是否有人可以解释一下three.js是如何编译和运行着色器的。
浏览 11提问于2020-10-13得票数 2
回答已采纳
在游戏中，我创建了带有3个按钮的主菜单，前两个按钮绘制2D图形，如果我按下"backspace“或”转义“，它将返回到主菜单中的三个按钮。最后(第三个)按钮，从STL文件绘制三维网格。1
问题：我可以很容易地在第一和第二按钮之间导航，但是如果我至少绘制一次三维网格，那么我可以再按第一和第二按钮。
代码来绘制3D网格：(不幸的是，由于私有数据，我不允许上传整个代码)。
我对这个问题的想法:当我在我的应用程序中呈现多边形时，我会假设由于启用了深度测试和混合，所以我遇到了一个问题。我试过禁用深度测试和混合。
浏览 5提问于2017-06-09得票数 2
我正试图用Three.js编写一个图形可视化，所以我有一个bufferGeometry来保存我的顶点，我用自己的ShaderMaterial绘制它来生成数千个Three.Points，但是现在我想知道Three.lineSegments的着色器是如何为我自己改变它的。我想用相同的bufferGeometry绘制我的边，并使用两个索引作为边缘的头部。我找得太多了，但什么也没找到？有可能吗？
浏览 3提问于2017-08-15得票数 0
回答已采纳
我正在使用这个答案的代码在three.js中查找3d对象的屏幕位置：
我画了一条从场景中3d对象的位置到屏幕上的2d点的2d线。有时，3d对象位于视口之外。在这种情况下，我想从屏幕上的2d点到看不见的物体的边缘画一条线，但我希望它在正确的角度和正确的位置上是准确的。
有人有什么建议吗？
浏览 16提问于2017-01-18得票数 1
回答已采纳
我在ThreeJS中有一个3d模型。将3d对象投影到2d需要哪些技术？例如，我想将3d模型投影到地面上。这是我正在寻找的图片：
这算不算投影呢？如何做到这一点？
浏览 0提问于2015-10-29得票数 0
我将csg.js与three.js结合使用，它似乎只支持3D CSG。检查
我想要相交和联合2D (three.js)几何。我能用three.js做2D CSG吗？
浏览 4提问于2017-08-24得票数 1
我有一组x，y，z坐标数据，形成一个空格。
例如(0,0，-3000)，(1848,0，-3000)，(1848，-5177，-3000)，(0，-5177，-3000)，(0,0,0)，(1848，-0，0)，(1848，-5177,0)，(0，-5177,0)
我想用three.js渲染空间坐标。我试图创建一个函数来创建要渲染的几何图形对象。然而，设置顶点和面孔似乎相当棘手。
有没有一种简单的方法在three.js?中将xyz坐标呈现为几何图形
还是可以绘制2D形状(用x，z)，并将其变为3D(用z)?，因为对于每个几何图形，它的高度与给定的坐标示例相同。
浏览 3提问于2017-02-24得票数 3
回答已采纳
使用Three.js，我创建了一个三维散点图。这里有一个小提琴的例子..。
我生成一些随机点(x，y，z)并将它们添加到图中。下面是一个用于执行此操作的for循环的示例：
for (var i = 0; i < 50; i++) {
colors[i] = new THREE.Color(1, 1, 1);
colors[i].setHSL(1000 / 2000, 1, 0.5);
var material = new THREE.PointCloudMaterial({
size: 5,
vertexColors: THR
浏览 4提问于2015-01-12得票数 0
回答已采纳
1回答
我有一个由一组Poly3DCollection定义的3D图。集合中的每个多边形都包含一个3D简单元素列表(一个单纯形=4个点)，如下所示。
[[[21096.4, 15902.1, 74.3],
[21098.5, 15904.3, 54.7],
[21114.2, 15910.1, 63.0],
[21096.4, 15902.1, 74.3]],
...
[[21096.4, 15902.1, 74.3],
[21114.8, 15909.9, 91.3],
[21114.2, 15910.1, 63.0],
[21096.4, 15902.1, 74.3
浏览 0提问于2018-12-06得票数 1
回答已采纳
我需要绘制像这样的3d视图中的2d流线。正如所建议的，我需要从2d图中提取流线和箭头，然后将其转换为3d数据。如何利用mplot3d将二维流线型数据转换为三维数据和绘图？
提前感谢
拉杰
编辑：@gg349，在你的帮助下，我可以在3d视图中绘制流线型图。情节是
我有两个问题：
如何从流图中提取箭头并将其绘制为3d，就像您在早期的中所做的那样
如何提取imshow()数据并将其绘制为3d。带有imshow()的2d流线是
浏览 7提问于2015-05-21得票数 1
我有一个包含多个子级的Object3D (更多的Object3Ds或网格/行)。Box3类有一个setFromObject()方法，它将计算对象及其所有后代的边框。这就是我要找的行为。
但是，我不能使用setFromObject()方法的Box3，因为我没有使用Geometry对象。相反，我所从事的项目只使用BufferGeometry。BufferGeometry对象没有.vertices属性，这是setFromObject()函数在计算边界框时查找的。
var bbox = new THREE.Box3().setFromObject(object);
console.log(bbox.m
浏览 1提问于2014-08-11得票数 1
回答已采纳
我是3D编程的新手，我开始探索从WebGL到Three.JS的3D世界。
我想要预先确定对象的大小，而我改变了相机的位置。
例如:我有一个大小为100x100x100的立方体网格.
cube = new THREE.Mesh(
new THREE.CubeGeometry(100, 100, 100, 1,1,1, materials),
new THREE.MeshFaceMaterial()
);
和高宽比为1.8311874的凸轮
camera = new THREE.PerspectiveCamera( 45, aspect_ratio
浏览 3提问于2013-03-11得票数 21
回答已采纳
我正在尝试将THREE.js中对象的位置从平面2D坐标(放置在2D图像上的注释)转换为3D坐标，当图像被包装为3D形状周围的纹理时。这个想法是在等效的3D坐标上放置一个小的3D对象来表示2D注释。
我可以通过获取与光线投射器相交的对象的uv.x和uv.y属性来做相反的事情，这真的很整洁。
上述三种情况有可能实现吗？我需要能够考虑到不同的几何形状。
浏览 17提问于2017-01-15得票数 1
1回答
示例数据：Mesh格式(mw/1)：
{
"Tid": 6,
"frameNumber": 580,
"Mesh": [[0.52147865, 0.35447019, -1.05268724], [1.02147865, 0.35447019, -1.05268724], [0.52147865, 0.35447019, -1.05268724], [0.52147865, 0.85447019, -1.05268724], [0.52147865, 0.35447019, -1.05268724], [0.521478
浏览 5提问于2021-08-17得票数 1
回答已采纳
有没有人可以给出一个简单的演示如何通过THREE.js在2d单词中绘制矩形或路径。
为什么我想在我的>>2D<<益智游戏中使用TGREE.JS (一个3D框架)？我尝试过SVG和Canvas，但我在移动设备上遇到了性能问题。我通过Pixi.js (一个2D WebGL框架)尝试过WebGL，我的测试(用60+fps平移缩放5000个矩形)很好，但它缺乏路径绘制功能。
我的想法是加载SVG路径/ Cufon路径，以2D形式显示它们，并使用WebGL的强大功能。(想象一下一个带有自定义字体(许多基于矢量的形状)的地图，它可以平移和缩放而不会有任何质量损失……哦，耶--在手机
浏览 2提问于2013-09-29得票数 1
我正在尝试学习更多关于THREE.js中性能几何的知识，并逐渐了解到索引的BufferGeometry和InstancedBufferGeometry是两种最具表现性的几何类型。
到目前为止，我的理解是，在索引的BufferGeometry中，在几何学中重新使用的顶点只被添加到几何图形中一次，并且给定重用顶点的每个实例都由它们在顶点数组中的索引位置所引用。
我对InstancedBufferGeometry的理解是，这个几何允许一个人创建一个对象的“蓝图”，将该对象的顶点的一个副本发送到一个着色器，然后使用自定义属性来修改蓝图的每个副本的位置、旋转、缩放等。[]
我想更好地理解:在某些情况下，
浏览 1提问于2018-04-28得票数 6
回答已采纳
我知道matter.js是一个2D实现，而three.js专注于3D。但是，在特定情况下，我需要这些技术配合使用。我还发现可以包含matter.js的目标渲染器()。我想知道如何从three.js中引入"WebGLRenderer()“。我更喜欢任何带有代码片段的答案。
浏览 0提问于2015-05-13得票数 0
我正在使用Three.js开发一个WebGL游戏&我已经决定从我(正在工作的)常规THREE.Geometry解决方案切换到一个THREE.BufferGeometry实现。我弄乱了一些东西，因为网格不能绘制。我已经给出了下面代码的相关部分。如果我切换到常规的几何体，一切都会正常工作。
这是一个基于体素的游戏，我已经预先创建了每个立方体的每个面作为一个常规的THREE.Geometry。positionVertices函数从每个面几何体获取顶点和面，对它们进行定位以使它们与体素相对应，并为THREE.BufferGeometry生成缓冲区数据。没有错误或警告，最终的网格不会出现。我怀疑
浏览 0提问于2013-10-27得票数 0
1回答
我有这段代码，它接受一个网格，并对每个点应用一个变换：
function [newx, newy] = transform(x, y)
newx = 10 * x + y*y;
newy = 5 * y;
end
[x, y] = meshgrid(1:5, 1:5);
[u, v] = arrayfun(@transform, x, y);
我想在2D中绘制新的网格。我能得到的最接近的方法是在3D中添加Z分量0：
mesh(u, v, zeros(size(u)))
怎样才能让matlab/octave在一组二维轴上显示这个图？
浏览 1提问于2013-10-11得票数 5
回答已采纳
1回答
我有一个轴对称流，在r和z方向上有m x n个网格点，我想将存储在大小为mxn的矩阵中的温度绘制在3D柱状图中，如下面的链接所示(我的声誉还不够高，无法将其作为图片包括在内)。
我已经设法使用轮廓在2D (r，z平面)中绘制了它，但我想添加theta平面以实现可视化。我该怎么做呢？
浏览 89提问于2018-05-22得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
