three.js에서 전체 json 모델을 가져 오는 방법

나는 three.js를 처음 사용합니다. 프로젝트를 수행하고 있는데 인덱스 파일에 JSON 모델을로드하는 데 문제가 있습니다.three.js에서 전체 json 모델을 가져 오는 방법

이것이 내가 필요한 것입니다. 이 내 JSON 모델 코드

<html> 
<head> 
    <title>My first Three.js app</title> 
    <style> 
     body { margin: 0; } 
     canvas { width: 100%; height: 100% } 
    </style> 
</head> 
<body> 
    <script src="js/three.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({ alpha: true }); 
     renderer.setSize(window.innerWidth, window.innerHeight); 
     renderer.setClearColor(0x000000, 0); // the default 
     document.body.appendChild(renderer.domElement); 

     camera.position.z = 5; 

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

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

이다 그리고 이것은 나의 JSON 모델 https://www.dropbox.com/s/ybztwwah9ncp68p/scene.json?dl=0 나는이 여러 번 내보낼 수 있습니다. 따라서 JSON 모델에는 문제가 없다는 것이 확실합니다.

하지만 THREE.ObjectLoader를 사용하여이 JSON 모델을로드하는 데 문제가 있습니다. 작동하지 않습니다. 이것은 JSON 모델을 가져 오는 데 사용한 코드 함수입니다.

var loader = new THREE.ObjectLoader(); 
     Loader.load("scene.json",function(obj){ 
      scene.add(obj); 
     });

어떻게 해결할 수 있습니까? 나는 여러 번 노력했다. 도움을 주시면 감사하겠습니다. 감사합니다. .

출처

2016-06-23 Anonymous

var loader = new THREE.JSONLoader(); 
    loader.load('scene.json', function (o) { 

     scene.add(o); 

    });

* loader.load

일 예에 작은 "L"을 참조하십시오 : 당신이 개체 로더를 사용하려면 http://threejs.org/examples/webgl_loader_json_claraio.html

, 당신은 당신의 JSON을 구문 분석해야합니다 http://threejs.org/docs/api/loaders/ObjectLoader.html

출처

2016-06-23 09:52:33 Martin

감사합니다. 나는 그 실수를 바로 잡았다. 그러나 여전히 효과가 없습니다. 그리고 내가 사용했습니다 var object = loader.parse (a_json_object); 도 있습니다. 그러나 여전히 효과가 없을 것입니다. Btw, 내 JSON 파일은 개체가 아니라 장면입니다. 작동합니까? 코드를 도와 주시겠습니까? 그것은 큰 도움이 될 것입니다. –

three.js에서 전체 json 모델을 가져 오는 방법

답변

관련 문제