WebGL/ThreeJS项目结构介绍2-创建地板并贴图

OrbitControls.js的作用

 

先讲一下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 将模型添加到场景中

5、初始化灯光 initLight方法

6、开启重复刷新渲染 animate方法

WebGL/ThreeJS项目初始化Demo-其他文档类资源-优快云下载