three.js引入json数据

three.js是一个基于WebGL的JavaScript库，用于创建丰富的3D图形。要引入JSON数据到three.js项目中，通常用于加载几何模型、纹理等资源，你可以按照以下步骤操作：

1. **安装Loader**：
使用`THREE.JSONLoader`，这是three.js内置的一个模块，专门用来加载JSON格式的数据。如果你还没有安装，可以先通过npm安装：

   npm install three

2. **导入并实例化Loader**：

   import * as THREE from 'three';
   const loader = new THREE.JSONLoader();

3. **加载JSON文件**：

   loader.load('path/to/your/model.json', function(geometry, materials) {
     // geometry是加载后的3D几何信息
     // materials是材料数组，如果有材质信息则存在

     // 创建一个新的Mesh对象，并结合几何体和材质
     const material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
     const object = new THREE.Mesh(geometry, material);

     // 添加到场景中
     scene.add(object);
   }, undefined, function(error) {
     console.error('Error loading JSON:', error);
   });

4. **运行应用**：
在上述代码块之后，你需要设置好Three.js的基本渲染环境，包括创建场景（scene）、相机（camera）和渲染器（renderer），并将object添加到场景中。