three.js屏幕上未显示缓冲区几何图形

有人知道为什么我的缓冲区几何图形现在显示在屏幕上吗？我已经将它添加到场景中，并在以后更新它=新的Float32Array（[（A/2）*-1，B/2，0，A/2，B/2，0，A/2，（B/2）*-1，0，（A/2）*-1，（B/2）*-1，0，（A/2）*-1，B/2，0，]）；edgeVertices.addAttribute（“edgeVertices”，新三、缓冲属性（第三章）edgeVertices.addGroup（{开始：0，计数：2，materialIndex:0}）；edgeVertices.addGroup（{开始：1，计数：2，materialIndex:0}）；edgeVertices.addGroup（{开始：2，计数：2，materialIndex:0}）；edgeVertices.addGroup（{start:3，count:2，materialIndex:0>/pre>由prisoner849在post#8中解决使用附加的缓冲区属性以及每个顶点的颜色，为缓冲区几何体中的顶点对设置相同的颜色值。我的意思是，如果你想要一个有不同颜色线条的矩形，那么你的几何体中必须有8个顶点。有点：> 我认为LineBasicMaterial不理解您绑定到它的名为edgeVertices的属性。材质用于标识顶点位置的默认属性应命名为position。 edgeVertices.addAttribute(\"position\", new THREE.BufferAttribute(vertices, 3)); 参见此处示例8 谢谢@marquizzo。我现在似乎在屏幕上看到了一些东西，但它不是我要寻找的矩形（上面的点形成了一个闭合的矩形）。相反，我得到了两条平行线段，一条由第1点和第2点组成，另一条由第3点和第4点组成。对不起，我是新来的three.js因此，我不确定BufferGeometry对点做了什么。我的主要目标是尝试为矩形的边绘制单独的线段，但稍后当鼠标悬停在其上时，可以编辑任何边的颜色。这就是为什么我提供了多种材料。但不确定如何进行此操作，因为线段会同时考虑所有四条线（因此允许我只使用蓝色或红色作为边缘）。拉胡尔·皮莱93：谢谢@marquizzo。我现在似乎在屏幕上看到了一些东西，但它不是我要寻找的矩形（上面的点形成了一个闭合的矩形）。相反，我得到了两条平行线段，一条由第1点和第2点组成，另一条由第3点和第4点组成。对不起，我是新来的three.js所以我不确定BufferGeometry对点做了什么。这就是LineSegments类的工作方式。它为每对顶点绘制一段。***另一方面，5***将绘制一个连续的行序列（除非API用新的fat行更改）。谢谢@EliasHasle。那么，如何编辑每个线段以使其具有不同的颜色呢？在几何图形中，我看不到与线段本身相关的属性，而只看到与位置相关的属性。也许顶点颜色会对线段起作用？我从来没有试过。如果它起作用，将类似于在线段的每一端设置相同的颜色，使用名为“颜色”的三分量属性。为每个顶点使用具有颜色的附加缓冲区属性，为缓冲区几何体中的成对顶点设置相同的颜色值。我的意思是，如果你想要一个有不同颜色线条的矩形，那么你的几何体中必须有8个顶点。有点像>/pre> ，然后， *var> I only have two colours 0xff0000 and 0x0000ff . By default the edges of the rectangle need to be blue(0000ff) . When my mouse hovers to the edge, I need to use raycast to see which edge it intersects with and then change that colour to ff0000 to highlight that it has been selected or \"mouse highlighted\" . I was thinking of doing this by addGroup() and dividing my 4 line segments into four groups and then updating the colour of the group in the mousemove() event handler. I am not familiar with groups but I think this definitely prove to be convenient. @rahul.pillai93 Take a look at this post 18 and its jsfiddles. This looks really good. But what are the parameters inside the addAttribute (\"color\") and (\"colorbase\") ? color是顶点的当前颜色，*colorbase包含顶点颜色恢复的数据。那么你的意思是说，当它在顶点之间绘制线条时，它根据rgb颜色代码提供颜色？我将1、0、0视为一个参数，其他地方有0.5、0等。是的，颜色项目的数量等于顶点的数量。它们存储在缓冲区属性2中。非常感谢！现在可以了

three.js屏幕上未显示缓冲区几何图形

three.js[已解决]正交摄影机的变换控件：gizmos缩放问题

three.js多次渲染同一模型（obj模型），FPS要低得多

three.js可缩放场景背景

three.js移动导入的Gltf模型

three.js平面明暗处理的问题

three.js如何渲染立方体材质？

three.js如何创建要在网格中拟合的线段

three.jsGLTFLoader.js这是我的登记簿错误

three.js使用threejs的光流

three.js使用光线投射动态绘制多边形