今天给大家分享一套WebGL/Three.js视频教程——《WebGL/Three.js前端高薪3D可视化》，又名：《Three.js/WebGL3D可视化系统课程》，课程持续升级更新中，2023年6月升级版最新32章，提供配套的源码下载！

《WebGL/Three.js前端高薪3D可视化》是目前全网最全的一套关于WebGL/Three.js的视频教程，一共700多课时，涉及众多实战案例，比如智慧城市，产品720展示（轿车、手机），收费站，物联网粮仓，大屏3D地图可视化，大屏3D地球可视化，WebGPU等内容。

《WebGL/Three.js前端高薪3D可视化》，又名：《Three.js/WebGL3D可视化系统课程》，内容巨多！(入门+中级+高阶+案例)，全网除了本课程，很少有课程提供那么多高级进阶的案例或知识讲解，这意味着，初学者除了入门学习，还可以长期进阶学习，已经入门的可以拿来高级进阶。

《WebGL/Three.js前端高薪3D可视化》又名：《Three.js/WebGL3D可视化系统课程》课程包含大量经典前沿的可视化项目，从基础入门到深入讲解，我们致力于做一套Web3D系统的课程，讲师在该专业有多年的经验,是国内最早一批的教授 Three.js+WebGL网络课程的讲师,并不断跟随该行业的发展更新自身技术与教程.不同于那些见缝插针，多会而不精的技术商人，老师始终专注于3D的行业动向，正所谓师者，传道受业解惑者也.期待与大家共同进步,-起面向更好的未来。

WebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。显然，WebGL技术标准免去了开发网页专用渲染插件的麻烦，可被用于创建具有复杂3D结构的网站页面，甚至可以用来设计3D网页游戏等等

Three.js 是一款运行在浏览器中的3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精彩的演示。不过，这款引擎还处在比较不成熟的开发阶段，其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度（尤其是文档的匮乏）three.js的代码托管在github上面。

课程大纲：
章节1、课程部分3D案例展示
章节2、Web3D生态和如何学习
章节3、【Threejs教程】1.快速入门(2023年1月新版本)
章节4、【Threejs教程】2.几何体BufferGeometry顶点
章节5、【Threejs教程】3.模型对象、材质
章节6、【Threejs教程】4.层级模型
章节7、【Threejs教程】5.几何顶点UV坐标、纹理贴图
章节8、【Threejs教程】6.加载外部三维模型(gltf)
章节9、【Threejs教程】7.PBR材质与纹理贴图
章节10、【Threejs教程】8.渲染器和前端UI交互界面
章节11、【Threejs教程】9.生成曲线、几何体
章节12、【Threejs教程】10.相机基础
章节13、【Threejs教程】11.光源和阴影
章节14、【Threejs教程】12.精灵模型Sprite
章节15、【Threejs教程】13.后期处理
章节16、【Threejs教程】14.射线拾取模型
章节17、【Threejs教程】15.场景标注标签信息
章节18、【Threejs教程】16.关键帧动画
章节19、【Threejs教程】17.动画库tween.js
章节20、【Threejs 进阶】1 数学几何计算基础(向量)
章节21、【Threejs 进阶】2 位移、速度、加速度
章节22、【Threejs 进阶】3 矩阵基础
章节23、入门到精通(按需学 前面课程是本章节新版本)
章节24、WebGL入门教程( 初学three可以跳过，慢慢来 )
章节25、案例——物联网粮仓
章节26、案例—产品720展示（轿车、手机）
章节27、案例—智慧城市
章节28、案例—大屏3D地图可视化
章节29、案例——大屏3D地球可视化
章节30、【扩展课】CesiumJS入门教程
章节31、【WebGPU教程】1.WebGPU快速入门
章节32、【WebGPU教程】2 3D几何变换数学基础
课程源码+课件