1

我正在查看一个较旧的问题，该问题的代码固定为此：

但由于某种原因它不起作用。是否有任何可用的 JSON 文件可以确保我可以测试？

我尝试了使用 three.js 编辑器 (ship.js) 导出的船舶的 json，但它似乎没有显示任何内容 - 事实上，它不会“击中”我设置的警报，表明存在问题json文件的加载，也许？

<html>
    <head></head>

    <body>

        <script src="three.min.js"></script>
        <script>
var camera, scene, renderer, mesh, loader;

init();
animate();

function init() {

camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 1, 10000 );
camera.position.z = 1000;

scene = new THREE.Scene();

loader = new THREE.JSONLoader();

loader.load( "ship.js", function( geometry ) {

    //var geometry = new THREE.CubeGeometry(5,10,5);

mesh = new THREE.Mesh( geometry, new THREE.MeshNormalMaterial() );
mesh.scale.set( 10, 10, 10 );
mesh.position.y = 0;
mesh.position.x = 0;
scene.add( mesh );
            alert("hit");

} );



var ambientLight = new THREE.AmbientLight(0x555555);
scene.add(ambientLight);

var directionalLight = new THREE.DirectionalLight(0xffffff);
directionalLight.position.set(1, 1, 1).normalize();
scene.add(directionalLight);

renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );

document.body.appendChild( renderer.domElement );

}

function animate() {

requestAnimationFrame( animate );

mesh.rotation.x += 0.05;
    mesh.rotation.y += 0.05;

renderer.render( scene, camera );
}
</script>
    </body>
</html>
4

0 回答 0