Question

我需要在3D空间中绘制一个多边形。无法找到在Three.js中进行3D绘图的资源。

例如，绘制以下坐标：

    (  x,    y,    z )
P1: (-200, -200, -200) 
P2: ( 200,  200,  200) 
P3: ( 150, -150,  150) 
P4: (-200, -200, -200)

坐标值＆＃34; z＆＃34;未分配，始终为零。

var points = [];
points.push(new THREE.Vector3(-200, -200, -200));
points.push(new THREE.Vector3(200, 200, 200));
points.push(new THREE.Vector3(150, -150, 150));
points.push(new THREE.Vector3(-200, -200, -200));           

var squareShape = new THREE.Shape( points );
var geometry = new THREE.ShapeGeometry( squareShape );      
var material = new THREE.MeshBasicMaterial( { color: 0x357fff } );

var poligon = new THREE.Mesh( geometry, material );
scene.add(poligon);

有人可以帮助我吗？

Answer 1

以下是如何绘制简单原语的完整教程：Three.js OpenGL tutorial lesson 2

您需要创建一个场景并将此网格添加到场景中（Scene.add(poligon );）。然后调用renderer.render(scene, camera);，它将呈现在屏幕上。

哪个资源相当于Three.js中的“GL_POLYGON”？

1 个答案: