Three.js：几何体组

1.我想合并几何体，我应该怎么做？ 通过使用位置？我甚至想让这组几何体一起在场景中移动我该怎么办？通过使用add（）

为什么我的三角形画不出来？ 我的代码： 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 );

}

来自chrome的消息：

使用THREE.Group（）组合对象并将它们移动到一起

可以使用THREE.ShapeGeometry（）创建三角形。要创建网格，几何体应继承THREE.geometry（）的属性。查看threejs文档中支持的默认几何图形

function animate() {

requestAnimationFrame( animate );

controls.update();

renderer.render( scene, camera );