0

私は初心者で、何かを見逃したと思います。
誰かチェックしてくれませんか?
HTML ページ: http://xalien95.altervista.org/pkmnxy_engine/alisopoli.html
モデルとテクスチャ: http://xalien95.altervista.org/pkmnxy_engine/alisopoli/
モデル (変な色) は見えますが、テクスチャ (複数のマテリアルを持つメッシュ)。

前もって感謝します!

編集: 私はすべての材料の種類を試しました:

  • THREE.MeshBasicMaterial
  • THREE.MeshDepthMaterial
  • THREE.MeshLambertMaterial
  • THREE.MeshNormalMaterial
  • THREE.メッシュフォン素材

しかし、誰も機能しないので、何かを見逃していると思います(またはマテリアルパスが異なります)。スクリプトは次のとおりです。

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( "./alisopoli/alisopoli.js", function( geometry, materials ) {
                var faceMaterial = new THREE.MeshPhongMaterial( materials );
                mesh = new THREE.Mesh( geometry, faceMaterial );
                mesh.scale.set( 100, 100, 100 );
                mesh.position.y = -150;
                mesh.position.x = 0;
                mesh.rotation.x = 60;
                scene.add( mesh );
            } );


            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.y += 0.005;

            renderer.render( scene, camera );
        }

前もって感謝します!

4

1 に答える 1