2013-06-14 7 views
5

three.jsでJSONモデルを読み込むのに苦労しています。私は非常にシンプルなチューブのようなモデルを作って、ミキサーでそれをテクスチャー化しました。問題は、私がthree.jsでjsonモデルをロードしようとするたびに、頂点が奇妙に見えるということです。three.jsでjsonモデルを正しくロードするには?

私は別の設定でモデルをエクスポートしようとしましたが、常に同じ問題を抱えていましたので、問題は自分のコード内にあると思います。

EDIT:ネガティブ。私はバッファローモデルを積みました。ミキサーの中で私が間違っていることは何ですか?

<html> 
<head> 
    <style> 
     canvas { 
      width: 100%; 
      height: 100%; 
     } 
    </style> 
</head> 
<body> 
    <script src="threejs/three.min.js"></script> 
    <script> 
     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 loader = new THREE.JSONLoader(); 
     loader.load("models/test.js", modelToScene); 


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

     var light = new THREE.PointLight(0xFFFFDD); 
     light.position.set(-15, 10, 15); 
     scene.add(light); 

     function modelToScene(geometry, materials) { 
      var material = new THREE.MeshFaceMaterial(materials); 
      obj = new THREE.Mesh(geometry, material); 
      obj.scale.set(1,1,1); 
      scene.add(obj); 

     } 

     camera.position.z = 5; 
     camera.position.y = 1; 

     var render = function() { 
      requestAnimationFrame(render); 

      obj.rotation.y += 0.01; 
      obj.rotation.x += 0.02; 

      renderer.render(scene, camera); 
     }; 

     render(); 
    </script> 
</body> 

任意の助けが理解されるであろう。私はJSONモデルをエクスポートするいくつかの残忍なミスを犯している

おかげで、ユッカKorhonen

答えて

5

。 Blenderからのエクスポートに問題があるすべての人私はあなたのエクスポート設定をチェックアウトすることをお勧めします。

私の場合、以下の設定で動作しました。

ジオメトリ: 頂点:チェックは、顔:、法線をチェック:チェックスキニング:

資料をご確認ください:フリップYZ:チェック

アニメーション:アニメーションモーフ

すべて

設定をご確認ください

とすべてのメス:チェック

関連する問題