喜欢的同学给个星星吧 (^_−)☆。 问题交流: wxsuperzay
对于这里的内容,需要你先去了解基础的webgl知识,了解矩阵、向量、透视投影、裁剪空间、视图变换、着色器原理、threejs框架等等内容。
之前在研究webgl和threejs的时候在网上查到了很多资料(包括郭隆邦的很多资料觉得很好),在此对所有小伙伴们表示感谢。这里也把之前研究的内容拆解出来,分享给感兴趣的小伙伴们学习研究和参考。也给大家推荐几本比较好的参考资料:OpenGL着色语言、OPENGL ES 3.0编程指南 第2版、3D游戏与计算机图形学中的数学方法 第3版。
在线文档和演示demo:(http://47.110.129.207/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 // 抖音挤地铁小游戏
|--math
| |--boneCurve // 圆锥曲线3D图解
|
|--charts
| |--pie // 3D图表,饼图
|
直接下载项目,进入案例目录,运行index.html文件,即可查看