0

そのため、Three.js のクラスを受講しましたが、モデルのロード方法について教育を受けていないことがわかりました。Turbosquid.com<http://storage2.turbosquid.com/Download/index.php?ID=717563_8377529>でモデルを見つけ、convert_obj_three.py を使用して JSON に正常に変換しました。

私は良いコードをサーフィンして、stackoverflow でいくつかのまともな例を見つけましたが、何らかの理由でそれをクロムで実行すると、モデルが得られません。

<html>
<head></head>

<body>

    <script src="http://threejs.org/build/three.js"></script>
    <script>

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

        var geometry;

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

        var material = new THREE.MeshBasicMaterial({color: 0x00ff00});

        loader = new THREE.JSONLoader();

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

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

            } );


        camera.position.z = 5;

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

        render();

    </script>
</body>

HTML ファイルと e100.js モデル ファイルの両方を同じディレクトリに格納しています。私が気付いていないパスはありますか？

4

1 に答える 1