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