OBJloader.js를 사용하여 obj 파일을로드하려고합니다. html 파일이있는 동일한 폴더 내에있는 "plane.obj"파일을로드하려고하는데 "OBJLoader .js "도 같은 폴더에 있습니다.Three.js OBJLoader가 obj 파일을로드하지 않습니다.
페이지가 표시되지 않습니다.
var scene = new THREE.Scene();
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 geometry = new THREE.CubeGeometry(1,1,1);
var material = new THREE.MeshBasicMaterial({color: 0x00ff00});
var cube = new THREE.Mesh(geometry, material); scene.add(cube); camera.position.z = 5;
function render() {
requestAnimationFrame(render);
cube.rotation.x += 0.01;
cube.rotation.y += 0.01;
renderer.render(scene, camera);
}
var texture = THREE.ImageUtils.loadTexture('tex.jpg');
var loader = new THREE.OBJLoader();
loader.load('plane.obj', function (object) {
scene.add(object);
});
render();
콘솔에 오류가 표시됩니까? – mrdoob
plane.obj를 다른 뷰어로로드 할 수 있습니까? 또한 장면에서 큐브를 제거 할 수 있습니다. plane.obj가 너무 작 으면 큐브 내부에 떨어질 수 있으며 크기 조정 요소가 필요합니다. – gaitat
감사합니다 Mrdoob 및 Gaitat. 콘솔 오류를 확인하고 "교차 출처 요청은 HTTP에 대해서만 지원됩니다.". 서버 (http : // localhost 등)에서이 페이지를 실행해야한다고 생각합니다. – user2259784