来一起用 WebGL 做一个炫酷的3D水波纹页面

说起 WebGL，也许很多人还不知道是什么，但你在生活中一定接触过。

一些很酷炫的活动宣传页，VR产品展示等等都是通过 WebGL 技术实现的。而且在大厂面试中，WebGL作为一个独立的岗位，薪资也是非常高的。

（截图自：Boss直聘）

今天就和大家具体聊一聊 WebGL 。

01

什么是 WebGL 

WebGL是在网页上绘制和渲染三维图形的技术，可以让用户与其进行交互。

我们之前学过的div+css、canvas 2d 都是专注于二维图形的，它们虽然也能模拟一部分三维效果，但它们不如WebGL灵活和专业。

当前随着 5G 时代的到来，3D可视化需求大量涌现。在3D 游戏，酷炫的活动宣传页，三维数字城市，VR全景展示、3D 产品展示等领域中，很多项目都是用 WebGL 实现的。

02

WebGL 的发展前景

尽管从事 WebGL 工程师岗位的人不多，但也不妨碍它有不错的发展前景。

1、发展潜力大

WebGL 的行业背景决定了其在市场中具有广大的需求量，而且它的发展潜力很大，不像曾经的flash，学完了，还会面临被淘汰的风险。

2、竞争压力小

WebGL 不像 Vue、React 等主流框架，它属于一种小众职业，职场竞争力要比主流框架小的多。而且，WebGL也是很适合UI 学习的，因为它在视觉上更加灵活自由，可以让 UI 放飞自己的灵感。

3、薪资高

WebGL 薪资可观，根据职友集的数据显示，全国地区WebGL 工程师的平均薪资可达到19.4K。如果你理解WebGL原理，可以熟练使用three.js，会用React，月薪甚至可达25k+。

而且他的薪资趋势也在逐年上升。

03

如何学习WebGL

WebGL 是一个小众职业，大部分的前端工程师并不会这个，精通底层原理的人就更少了，这也导致很多想要学习的人找不到合适的学习路线，网上的学习资料也无法判断是对是错。

没关系，我给大家找来了前京东WebGL工程师李伟老师给大家带来一场《在WebGL中解锁三维世界的大门》公开课，现场敲代码带你了解 WebGL 基本的开发流程，通过实战案例带你学习WebGL。

你将学习：

上课时间：11月12日晚8：00

立即扫码，0元报名

快人一步上手 WebGL

到课还可领取《让大厂面试官眼前一亮的简历模板》，上完课程还可以领取《React最佳实战入门》，所有福利均由助教老师发放，记得添加助教老师微信领取哦！

04

课程内容安排

本次课程中老师将教给你 WebGL 是什么以及它的市场价值，并且会现场敲代码带你了解 WebGL 基本的开发流程，以及如何通过 WebGL 绘制水波纹效果。

05

主讲老师介绍

本次课程的主讲老师李伟是前京东WebGL工程师，曾经开发京东的仓储可视化项目，对其仓库数据进行可视化操作。

老师在 WebGL 方面有着丰富的经验，跟着老师学习一定不会错！还有超多实战案例，记得参与课程了解哦！

上课时间：11月12日晚8：00

立即扫码，0元报名

快人一步上手 WebGL

到课还可领取《让大厂面试官眼前一亮的简历模板》，上完课程还可以领取《React最佳实战入门》，所有福利均由助教老师发放，记得添加助教老师微信领取哦！