第一步：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-其他文档类资源-CSDN下载

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

web项目结构介绍及创建Maven web项目
工具:IDEA旗舰版2021.3.1(社区版不太方便,亲测) 一.web项目结构介绍首先就是这样的结构 projectname src main java ...
Django框架学习——1—(虚拟环境搭建、MVC思想与Django的MVT区别、Django项目的创建、运行Django项目、项目结构介绍)
1.虚拟环境搭建创建新的Django框架的虚拟环境: 注意:如果没有pipenv指令,需要安装这个支持库,同时需要记住配置它的环境变量,否则虚拟环境会安装在默认文件夹下(一般是C:\Users\Ad ...
.NET Core实战项目之CMS 第十三章开发篇-在MVC项目结构介绍及应用第三方UI
作为后端开发的我来说,前端表示真心玩不转,你如果让我微调一个位置的样式的话还行,但是让我写一个很漂亮的后台的话,真心做不到,所以我一般会选择套用一些开源UI模板来进行系统UI的设计.那如何套用呢?今天 ...
vue-cli构建SPA项目结构介绍spa完成路由开发及嵌套路由
目录一.vue-cli构建SPA项目结构介绍二.spa完成路由开发三. 嵌套路由一.vue-cli构建SPA项目结构介绍前提:搭建好NodeJS环境 node -v npm -v ...
六十一、分析Springboot中的项目结构介绍
@Author:Runsen 来源:尚硅谷下面建议读者学习尚硅谷的B站的SpringBoot视频,我是学雷丰阳视频入门的. 具体链接如下:B站尚硅谷SpringBoot教程文章目录 spring项 ...
原生Android开发基础项目结构介绍
原生Android开发基础项目结构介绍 1.软件整体结构 2.具体的页面书写 3.实例分析 4.后续下面先来总结一下软件的基本目录结构,这一般是开发的关键,只有明白了软件的目录结构,才能更加 ...
【笔记】spring的注解回顾，springboot-restful项目结构介绍 springboot-freemarker ⼯程配置详解
注解学Spring boot有一阵子了,总结一下它的注解. @Controller :修饰class,⽤来创建处理http请求的对象 @RestController :Spring4之后加⼊的注解, ...
elctron项目_electron项目结构介绍
#项目结构 my-project ├─ .electron-vue(webpack配置文件)│ └─ build.js(生产环境构建代码) │ └─ dev-client.js(热加载相关) │ ...
React Native 系列(三) -- 项目结构介绍
前言本系列是基于React Native版本号0.44.3写的,相信大家看了本系列前面两篇文章之后,对于React Native的代码应该能看懂一点点了吧.本篇文章将带着大家来认识一下React N ...
AngularJS+Ionic开发-2.项目结构介绍
使用上篇博客<开发环境搭建>中的命令创建完成IonicHelloWorld项目,在VSCode中的左侧,显示该项目的结构信息,如下图所示: 1 .sourcesmaps文件夹调试状态的j ...

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