# threejs 3D开发

**Repository Path**: SmallWai/threejs-animate

## Basic Information

- **Project Name**: threejs 3D开发
- **Description**: 用threejs做的一些案列demo，分享给有需要的同学。对于这里的内容，需要你有基础的webgl知识，了解矩阵、向量、透视投影、裁剪空间、视图变换、着色器、threejs框架等等内容。本文借鉴了很多网上的资料，在这里表示感谢，同时分享给感兴趣的小伙伴参考
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 108
- **Created**: 2024-03-09
- **Last Updated**: 2024-03-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 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文件，即可查看