three.js怎么引入外部json

### 回答1：
要将外部JSON文件导入three.js场景，可以使用THREE.JSONLoader。

以下是一个简单的示例代码，展示如何使用JSONLoader加载并渲染一个JSON模型：

// 创建一个场景
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);

// 加载JSON模型
var loader = new THREE.JSONLoader();
loader.load('path/to/your/json/model.json', function (geometry, materials) {
    var material = new THREE.MultiMaterial(materials);
    var mesh = new THREE.Mesh(geometry, material);
    scene.add(mesh);
});

// 渲染场景
function render() {
    requestAnimationFrame(render);
    renderer.render(scene, camera);
}
render();

在上面的代码中，首先创建了一个场景、相机和渲染器，然后使用JSONLoader加载JSON模型，将其作为Mesh添加到场景中，并使用渲染器渲染场景。要加载特定的JSON文件，需要将路径传递给load()函数。

请注意，上面的代码示例使用MultiMaterial将JSON模型的材质应用到Mesh上。如果您的JSON模型只有一个材质，请使用THREE.MeshBasicMaterial。

### 回答2：
在Three.js中引入外部的JSON文件可以通过以下步骤进行：

1. 首先，确保你已经加载了Three.js库文件，可以通过在HTML文件中使用以下代码来加载:

   <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.js"></script>

2. 在你的JavaScript代码中，创建一个场景(scene)，相机(camera)和渲染器(renderer):

   const scene = new THREE.Scene();
   const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
   const renderer = new THREE.WebGLRenderer();
   renderer.setSize(window.innerWidth, window.innerHeight);
   document.body.appendChild(renderer.domElement);

3. 创建一个函数来加载和解析JSON文件:

   function loadJSON(url, callback) {
       const xhr = new XMLHttpRequest();
       xhr.overrideMimeType("application/json");
       xhr.open("GET", url, true);
       xhr.onreadystatechange = function () {
           if (xhr.readyState === 4 && xhr.status === 200) {
               callback(xhr.responseText);
           }
       };
       xhr.send(null);
   }

4. 使用loadJSON函数加载外部JSON文件:

   loadJSON("path/to/your/json/file.json", function (response) {
       const jsonData = JSON.parse(response);
       const geometry = new THREE.JSONLoader().parse(jsonData).geometry;
       const material = new THREE.MeshBasicMaterial({ color: 0xff0000 });
       const mesh = new THREE.Mesh(geometry, material);
       scene.add(mesh);
   });

5. 最后，在动画循环中渲染场景:

   function animate() {
       requestAnimationFrame(animate);
       renderer.render(scene, camera);
   }
   animate();

这样，你就可以通过加载和解析外部JSON文件来在Three.js中使用自定义的模型了。记得将"path/to/your/json/file.json"替换成你自己的JSON文件的路径。

### 回答3：
在three.js中，我们可以通过使用THREE.ObjectLoader类来引入外部的JSON模型。

首先，确保你已经将three.js库添加到你的HTML文件中。

然后，创建一个THREE.ObjectLoader对象实例：

var loader = new THREE.ObjectLoader();

接下来，使用该实例的`load`方法加载JSON模型文件：

loader.load(
    'path/to/model.json', // JSON模型文件的路径
    function (obj) {
        // 加载模型成功的回调函数
        // 在这里可以对加载的模型进行操作和处理
        scene.add(obj); // 将模型添加到场景中
    },
    function (xhr) {
        // 加载过程中的回调函数，可用于显示加载进度等信息
        console.log((xhr.loaded / xhr.total * 100) + '% 已加载');
    },
    function (err) {
        // 加载失败的回调函数
        console.error('模型加载失败', err);
    }
);

在这个例子中，`path/to/model.json`需要替换为实际的JSON模型文件的路径。加载成功后，我们可以在回调函数中对加载的模型进行操作，并将其添加到场景中。

需要注意的是，加载JSON模型文件可能会涉及到跨域访问的问题。如果你遇到跨域请求被拒绝的问题，请确保你的服务器配置了允许跨域访问的响应头。

这就是使用three.js引入外部JSON模型的基本步骤。希望对你有所帮助！