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

阅读 51

2022-07-27


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

​​OrbitControls.js的作用​​

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

 

先讲一下WebGL/ThreeJS的代码基础的顺序

第一步:index.html中启动项目

let store=new Store3D();
store.start();

第二步:Store3D.js  start开启运行方法

1、初始化场景 initScene 方法

2、初始化相机 initCamera 方法

3、初始化渲染器 initRenderer 方法

4、初始化模型 initBuilding 方法

Data/BuildingData.js)

objects/Cube.js)

                4.2.1 设立模型颜色

common/commonFunction.js) CommonFunction.createMaterial

                4.2.3 创建模型

                4.2.4 设置模型 和 网格模型的材质

       4.3 将模型添加到场景中

5、初始化灯光 initLight方法

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

​​WebGL/ThreeJS项目初始化Demo-其他文档类资源-​​

精彩评论(0)

0 0 举报