当我这枚前端看到这篇文章时, ...

[aleen42]

这里我转一篇有关前端 WebGL 的文章, 并且我认为这篇文章值得我们去反省, 我们仅仅甘于简单的页面开发吗?

文章已经被整理并收录在一下的地址: https://github.com/aleen42/PersonalWiki/blob/master/post/heat_distortion/heat_distortion.md

若你想直接跳过这篇英文而直接看作者到底都干了些啥, 那直接上 Demo: https://tympanus.net/Tutorials/HeatDistortionEffect/

虽然我对 WebGL 并不熟悉, 而且连一个入门阶段都未达到. 但是, 既然看到了这篇好文, 理应跟大家分享一下.

[aleen42]

@begoingtodo 使用 Unity 3D 写的吧？

[zjqzxc]

做过一段时间 webgl ，如 1 楼所说，浏览器兼容问题 /性能问题很头疼。现阶段做技术储备很不错，用来商用维护成本太高。
移动端蛋疼的微信内置浏览器， three.js,scenejs 用起来一堆问题；
桌面端除了 chrome 其他的都可能遇到蛋疼的问题，还不说目前广泛存在的 IE 系列；

如果没记错的话， webGL 基于 opengl es2.0 ，把一些 api 精简了，导致绘制光滑曲面非常扯淡（也可能是我技术不精，我记得是再 opengl 里某个函数可以直接调用就能完成的事儿，在 opengl es 里没查到那个函数）

[aleen42]

@zjqzxc 哥们，对于此问题我们可以看一下我之前所翻译的一篇文章《 WebGL 的潜力》： https://github.com/aleen42/PersonalWiki/blob/master/translation/webgl_potential/webgl_potential.md

我挺喜欢作者所提出的其中一个观点：代码基于内容，而非基于其运行环境（浏览器）

code is then content based, not browser based

若我们总局限于运行的环境，那么终将只会导致我们在开发过程中怕这怕那。那么，该领域怎么会有所发展呢？

[rashawn]

可以先了解 three.js babylon.js whitestorm.js

[rashawn]

I'm 图形这块就算不涉及 shader 也有很多数学上的东西

[zjqzxc]

@aleen42 我并没有否认 webgl 的潜力，也看好它的未来；只是在现在并不好用（敢用），但我同时也提到了可以（应该）现在开始进行技术储备。

简单来说，比如我用一周四级基于 three.js 开发了一个 demo 领导说效果可以，但是客户们大多通过微信直接打开的，而微信内置的那个傻逼浏览器却无法正常显示。调试了好久发现只能花两个月时间用原生 api 重写这个 demo 。最后结果是达到了，但成本却成倍提高。

写业务代码是为了（给自己 /给公司）挣钱，一味地追新技术，费时费力容易踩坑，会把公司拖死的。
当然，如果是行业巨头有足够钱用来给未来做技术储备这种情况除外。