0
点赞
收藏
分享

微信扫一扫

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


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 条评论