通过 Vue3 + Vite 创建项目 通过 Threejs 创建三维场景 通过 blender 生成城市模型 通过 WebGL 着色器实现楼宇颜色变换、城市扫描、 楼宇扫描、光墙、扩散圆、扩散半球等特效 通过 Three 粒子系统实现飞线、路径移动等特效
随着元宇宙、数字孪生的火热,前端3D可视化需求越来越广泛,懂 WebGL 技术的前端人才也成为行业香饽饽,薪资诱人颇有竞争力。本课程系统组织了WebGL 和 Three.js 知识内容,并结合图形学相关的数学知识,带你从0基础入门,体系化学习它们的基本、进阶、高级用法。最终通过一款高质量的 3D 可视化项目-智慧城市,让你顺利将 WebGL 和 Three.js 技术落地,掌握其实际应用。
WebGL
Three.js
通过 Vue3 + Vite 创建项目 通过 Threejs 创建三维场景 通过 blender 生成城市模型 通过 WebGL 着色器实现楼宇颜色变换、城市扫描、 楼宇扫描、光墙、扩散圆、扩散半球等特效 通过 Three 粒子系统实现飞线、路径移动等特效
正弦函数余切函数
余切函数两角和差
两角和差
标量乘以向量向量长度
点积两个向量之间的距离
叉积向量基本运算
归一化向量
矩阵基本运算透视投影矩阵
旋转矩阵矩阵与标量的运算
视图矩阵矩阵与向量
正射投影矩阵
如无法下载使用图片另存为
下载海报选课、学习遇到问题?
扫码添加指导老师 1V1 帮助你!
添加后老师会第一时间解决你的问题