Three.js：几何组答案

【问题标题】：Three.js: group of geometryThree.js：几何组
【发布时间】：2017-05-21 09:04:16
【问题描述】：

1.我想组合几何，我应该怎么做？通过使用位置？我什至想让这组几何图形一起在场景中移动我该怎么办？通过使用 add()?For example: the group of demond

为什么我的三角形无法绘制？我的代码： var 网格、渲染器、场景、相机、控件；

init();
animate();

function init() {

// renderer
renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );

// scene
scene = new THREE.Scene();

// camera
camera = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 1, 10000 );
camera.position.set( 20, 20, 20 );

// controls
controls = new THREE.OrbitControls( camera );

// ambient
scene.add( new THREE.AmbientLight( 0x00ffff ) );

// light
var light = new THREE.DirectionalLight( 0x00ffff, 1 );
light.position.set(10, 10, 0 );
//scene.add( light );

// axes
scene.add( new THREE.AxisHelper( 20 ) );

var verticesOfTriangle1 = new THREE.Vector3(1,0,0);
var verticesOfTriangle2 = new THREE.Vector3(0,0,0.3);
var verticesOfTriangle3 = new THREE.Vector3(0,0,-0.3);
var geometry = new THREE.Triangle(verticesOfTriangle1, verticesOfTriangle2, verticesOfTriangle3);

// material
var material = new THREE.MeshPhongMaterial( {
    color: 0x00ffff, 
    shading: THREE.FlatShading,
    transparent: true,
    opacity: 0.7,
} );

// mesh
mesh = new THREE.Mesh( geometry, material );
scene.add( mesh );

}

function animate() {

requestAnimationFrame( animate );

controls.update();

renderer.render( scene, camera );

来自 chrome 的消息：The error message

【问题讨论】：

标签： three.js

【解决方案1】：

使用 THREE.Group() 组合对象并将它们一起移动。
您可以使用 THREE.ShapeGeometry() 创建一个三角形。要创建网格，您的几何图形应继承 THREE.Geometry() 的属性。查看 threejs 文档的几何图形以了解支持的默认几何图形。

【讨论】：