初学three.js(二)画线条

// 三要素
var scene=new THREE.Scene();
var camera = new THREE.PerspectiveCamera(45,1,1,1000);
camera.position.set(0,0,100);
camera.lookAt(new THREE.Vector3(0,0,0));
// 渲染器
var renderer=new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth,window.innerHeight);
//显示在窗体
document.body.appendChild(renderer.domElement);
//选择材料THREE.LineBasicMaterial/ MeshBasicMaterial  
var material = new THREE.LineBasicMaterial({color:0xfff});
// 空几何体，里面没有点的信息
var geometry = new THREE.Geometry();
// 添加3个点，相邻的会连成一条线，但是首位不会闭合连线
geometry.vertices.push(new THREE.Vector3(-10,0,0));
geometry.vertices.push(new THREE.Vector3(0,10,0));
geometry.vertices.push(new THREE.Vector3(10,0,0));
//线
var line=new THREE.Line(geometry,material);
// 加入到场景中
scene.add(line);
// 渲染
renderer.render(scene,camera);