前言

从外部资源中加载几何体,首先我们学会如何保存和加载Three.jsJSON格式文件。

案例

在Three.js中导出JSON文件非常容易,并且不需要引入额外的库。你需要做的只是将THREE.Mesh导出为JSON,代码如下:

// 保存数据到数据库
export function addProject() {
  return new Promise(function(resolve, reject) {
    // 将场景中的对象转换成json
    let children = scene.toJSON();
    // 响应回去
    resolve(children);
  });
}

那我们再怎么将保存的文件导入到Three.js呢? 
逻辑是:我们从本地存储当中将内容取出,转换成JSON对象,然后再使用THREE.ObjectLoader对象里面的方法,将对象转换成Three.js可以识别的模型对象,再放入场景当中,代码如下:

export function addChildren(result) {
  let loader = new THREE.ObjectLoader();
   // 场景只有一个 先拿到数据保留到变量去
  let obj = loader.parse(result);
  scene.add(obj);
// 初始化渲染器
  initThree();
// 初始化照相机
  initCamera();
// 初始化灯光
  initLight();
}

 

GitHub 加速计划 / js / json
41.72 K
6.61 K
下载
适用于现代 C++ 的 JSON。
最近提交(Master分支:1 个月前 )
960b763e 3 个月前
8c391e04 6 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐