왜 내 라인이 three.js에 나타나지 않습니까?

Question

http://codepen.io/djminkus/pen/Wxkamq

내가 원하는 것은 몇 가지 지점 사이에 색이있는 선을 그 으려하지만 코드가 작동하지 않고 그 이유를 모르겠습니다. 나는 아주 새로운 3 인입니다 .js, 그래서 나는 더 경험이 많은 사람이 나에게 빠른 포인터를 줄 수 있다고 생각했습니다. 당신이 카메라를 가지고 있겠지

var scene = new THREE.Scene(); 
var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000); 

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

var line = (function(){ 
    var material = new THREE.LineBasicMaterial({ 
    color: 0x0000ff 
    }); 

    var geometry = new THREE.Geometry(); 
    geometry.vertices.push(
    new THREE.Vector3(-10, 0, 0), 
    new THREE.Vector3(0, 10, 0), 
    new THREE.Vector3(10, 0, 0) 
); 

    var line = new THREE.Line(geometry, material); 
    // scene.add(line); 
    return line; 
})(); 
scene.add(line); 

var material = new THREE.LineBasicMaterial({ 
    color: 0x0f00ff 
}); 

var geometry = new THREE.Geometry(); 
geometry.vertices.push(
    new THREE.Vector3(-10, 5, 7), 
    new THREE.Vector3(0, 10, 0), 
    new THREE.Vector3(10, 0, 0) 
); 

var line = new THREE.Line(geometry, material); 
scene.add(line); 

var render=function() { 
    // cube.rotation.x += x_vel; 
    // cube.rotation.y += y_vel; 
    requestAnimationFrame(render); 
    renderer.render(scene, camera); 
}; 
var x_vel = .001; //rotation speed in x 
var y_vel = .01; // rotation speed in y 
render(); 

Answer 1

는

geometry.vertices.push(
    new THREE.Vector3(-10, -5, -7), 
    new THREE.Vector3(0, 10, 0), 
    new THREE.Vector3(10, 0, 0) 
); 

에

변화 형상 .... 라인에서 지적하고 라인