私のラインが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) 
); 

に

変更ジオメトリ....ラインを指差して、あなたはライン