Question

如何用Three.js 加载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 light = new THREE.AmbientLight( 0x404040 ); // soft white light
scene.add( light );
var jsonLoader = new THREE.JSONLoader();
jsonLoader.load( "js/model.js", addModelToScene );
function addModelToScene( geometry, materials )
{
// geometry = new THREE.CubeGeometry(100,100,100);
// var texture = new THREE.ImageUtils.loadTexture('images/checkerboard.jpg');
//var material = new THREE.MeshBasicMaterial({ map: texture });
var material = new THREE.MeshFaceMaterial( materials/*{ color: 'red', wireframe: true } */);
android = new THREE.Mesh( geometry, material );
android.scale.set(40,40,40);
android.position.set(0,60,0);
scene.add( android );
}
camera.position.z = 5;

var render = function () {
requestAnimationFrame( render );
renderer.render(scene, camera);
};

render();

Answer 1

var jsonLoader = new THREE.JSONLoader();
jsonLoader.load( "models/orange.js", addModelToScene );
function addModelToScene( geometry, materials )
{
// geometry = new THREE.CubeGeometry(100,100,100);
// var texture = new THREE.ImageUtils.loadTexture('images/checkerboard.jpg');
//var material = new THREE.MeshBasicMaterial({ map: texture });
var material = new THREE.MeshFaceMaterial( materials/*{ color: 'red', wireframe: true } */);
android = new THREE.Mesh( geometry, material );
android.scale.set(40,40,40);
android.position.set(0,60,0);
scene.add( android );
}