README.md · bug搬运工/threejs 3D开发 - Gitee.com

forked from 赵艾阳/threejs 3D开发

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

该仓库未声明开源许可证文件（LICENSE），使用请关注具体项目描述及其代码上游依赖。

克隆/下载

README.md 2.12 KB

# threejs 3D开发

喜欢的同学给个星星吧 (^_−)☆。 问题交流: wxsuperzay

### 介绍
对于这里的内容，需要你先去了解基础的webgl知识，了解矩阵、向量、透视投影、裁剪空间、视图变换、着色器原理、threejs框架等等内容。

之前在研究webgl和threejs的时候在网上查到了很多资料（包括郭隆邦的很多资料觉得很好），在此对所有小伙伴们表示感谢。这里也把之前研究的内容拆解出来，分享给感兴趣的小伙伴们学习研究和参考。也给大家推荐几本比较好的参考资料：OpenGL着色语言、OPENGL ES 3.0编程指南 第2版、3D游戏与计算机图形学中的数学方法  第3版。

### 文档，及演示
在线文档和演示demo：(http://test.spzay.com/me-smart-ui/)

### 目录结构
```
README.md
three
  |--wall // 光幕
  |--belt // 流动
  |--grow // 生长
  |--fly // 飞线
  |--gradient // 渐变
  |--opcity // 透明
  |--radar // 雷达
  |--line // 包围线
  |--chinaMap // 3D中国地图
  |--star // 粒子系统（星空）
  |--smoke // 粒子系统（烟雾）
  |--engine // 物理引擎
  |--bone // 骨骼动画（最简原理模型）
  |--scenery // 360°实景
  |--walk // 自由行走
  |--fly1 // 飞线（粒子系统版本）
  |--flow // 曲线色彩流淌
  |--train // 抖音挤地铁小游戏
  |--startCloud // 星云
  |--cloud // 蓝天白云
  |--pipe // 管道流动
  |--chip // 碎片化特效（图片）
  |--fence // 电子围栏
  |--road // 路面流光
  |--wave // 动感光波
  |--fire // 烈火燃烧
  |--fly2 // 粒子飞线（优化版）
  |--math
  |   |--boneCurve // 圆锥曲线3D图解
  |
  |--charts
  |     |--pie // 3D图表，饼图
  |
  |--noise // 噪声
  |    |--land // 随机地形，perlin噪声
  |    |--desert // 沙漠地形，perlin噪声
  |
  |--composer // 后期处理
  |     |--bloom // 辉光
  |
  |--gis // 地理信息
      |--earth-color // 五彩地球
      |--earth-star // 星光璀璨
      |--earth-line // 世界地图
```
 
### 使用说明
直接下载项目，进入案例目录，运行index.html文件，即可查看

一键复制编辑原始数据按行查看历史

提交于 2023-02-24 04:50 . update README.md.

# threejs 3D开发

喜欢的同学给个星星吧 (^_−)☆。 问题交流: wxsuperzay


### 介绍
对于这里的内容，需要你先去了解基础的webgl知识，了解矩阵、向量、透视投影、裁剪空间、视图变换、着色器原理、threejs框架等等内容。

之前在研究webgl和threejs的时候在网上查到了很多资料（包括郭隆邦的很多资料觉得很好），在此对所有小伙伴们表示感谢。这里也把之前研究的内容拆解出来，分享给感兴趣的小伙伴们学习研究和参考。也给大家推荐几本比较好的参考资料：OpenGL着色语言、OPENGL ES 3.0编程指南 第2版、3D游戏与计算机图形学中的数学方法  第3版。


### 文档，及演示
在线文档和演示demo：(http://test.spzay.com/me-smart-ui/)


### 目录结构
```
README.md
three
  |--wall // 光幕
  |--belt // 流动
  |--grow // 生长
  |--fly // 飞线
  |--gradient // 渐变
  |--opcity // 透明
  |--radar // 雷达
  |--line // 包围线
  |--chinaMap // 3D中国地图
  |--star // 粒子系统（星空）
  |--smoke // 粒子系统（烟雾）
  |--engine // 物理引擎
  |--bone // 骨骼动画（最简原理模型）
  |--scenery // 360°实景
  |--walk // 自由行走
  |--fly1 // 飞线（粒子系统版本）
  |--flow // 曲线色彩流淌
  |--train // 抖音挤地铁小游戏
  |--startCloud // 星云
  |--cloud // 蓝天白云
  |--pipe // 管道流动
  |--chip // 碎片化特效（图片）
  |--fence // 电子围栏
  |--road // 路面流光
  |--wave // 动感光波
  |--fire // 烈火燃烧
  |--fly2 // 粒子飞线（优化版）
  |--math
  |   |--boneCurve // 圆锥曲线3D图解
  |
  |--charts
  |     |--pie // 3D图表，饼图
  |
  |--noise // 噪声
  |    |--land // 随机地形，perlin噪声
  |    |--desert // 沙漠地形，perlin噪声
  |
  |--composer // 后期处理
  |     |--bloom // 辉光
  |
  |--gis // 地理信息
      |--earth-color // 五彩地球
      |--earth-star // 星光璀璨
      |--earth-line // 世界地图
```
 
### 使用说明
直接下载项目，进入案例目录，运行index.html文件，即可查看

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化

1

https://gitee.com/heart_flowing/threejs-animate.git

git@gitee.com:heart_flowing/threejs-animate.git

heart_flowing

threejs-animate

threejs 3D开发

master