先讲一下WebGL/ThreeJS的代码基础的顺序
第一步:index.html中启动项目
let store=new Store3D();
store.start();
第二步:Store3D.js start开启运行方法
1、初始化场景 initScene 方法
2、初始化相机 initCamera 方法
3、初始化渲染器 initRenderer 方法
4、初始化模型 initBuilding 方法
4.1 编写模型的数据对象 (Data/BuildingData.js)
4.2 创建模型(实体类) () (objects/Cube.js)
4.2.1 设立模型颜色
4.2.2 设立模型的材质 (common/commonFunction.js) CommonFunction.createMaterial
4.2.3 创建模型
4.2.4 设置模型 和 网格模型的材质
4.3 将模型添加到场景中