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