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

[aleen42]

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

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

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

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

[tvallday]

显卡不支持 WebGL 的表示什么都看不见。

[shellcodecow]

加入收藏 谢谢分享..

[imn1]

前端其实就是 IT 行业的工业设计，就像社会分工一样，随着技术发展， IT 的“工业设计”也逐步细化分工
工业设计在其他实物产品的行业，也是本世纪从贴牌到自主品牌后，厂家从无知到重视的
IT 也一样，当开始重视自有品牌，技术成熟后，就不能仅局限于展示数据了，而更多要考虑 怎么 展示

WebGL 只是其中一种方式，还有更多可能

[q397064399]

前端干好自己该干好的东西就好了，
这种极其依赖操作系统图形子系统的玩意，让前端来玩不就玩坏了
你用前端开发个 大型 3D 游戏试试，开发个 CAD 试试

[aleen42]

@tvallday hhhh, 赶紧换显卡

[ianva]

应该说我们仅仅甘心于前端开发吗？

[aleen42]

@q397064399 轻量点的东西我们还是可以尝试的。毕竟目前硬件上来了，难道你不喜欢把这种东西做得更为轻吗？

[aleen42]

@ianva 只看技术的人，估计就会说我只甘于做技术。这屁事根本就是设计师的活= =

[aleen42]

@q397064399 其实个人觉得，这种东西让前端来玩并非会玩坏，也跟该干好的并无冲突。纯属是一种业余学习，且知识层面能大一点。

[xjp]

很早以前就感觉 canvas webgl 和 jquery angular 这些开发页面用的东西不是在同一个前端体系中的 同一个语言也有很多方向啊

[aleen42]

@xjp 是不是感覺到學海無涯= =

[q397064399]

@aleen42 涉及到的领域不一样，真心的，前端并不需要多少图形学或者光照算法之类的知识，而这些才是图形计算领域的重点

前端跟 20 年前 GUI 交互并没有区别，那个时代的 C/S 软件模型，根本就没有前端这个说法，
基本上都是用户 GUI 交互 后台数据逻辑都是一个人能搞定，而且交互细节比现在的所谓的 web 前端交互细节还要复杂， C/S 死了原因很简单，跨平台很烂，软件更新比较烂，所以 web 才大行其道，连企业应用这种交互需求比较稳定的软件，都慢慢的全部移动到了 B/S ，足以说明 C/S 应用基本上死翘翘了

90 年代，好不容易出了个 Java ，大家都盼望着一统天下，写一次到处运行，结果呢？ Java 自己搞了一套图形类库 Swing ，根本没法用，效率极低，此后 Java 基本上滚出了 GUI 交互领域， win 平台 桌面一直是 MFC 的天下，后来是 winform,因为类 unix 桌面市场比较小，基本上没人做，所以 GUI 交互跨平台慢慢滚出了人们的视线

现在分工比较明确，首先是因为前端工具不好用， 20 年了，前端至今没有造出一个像样的轮子，弄个像样点的页面
需要学习很多复杂的技术，看看 RAD 快速开发工具 上手速度有多快，就知道前端目前有多荒凉

[aleen42]

@q397064399 hhh 正解.

[q397064399]

@aleen42 真的，你有机会去学习下 C#的 winform 或者 delphi ，你会发现那些快速开发工具 做出来的 GUI 交互
学习成本是 前端的一半都不到

[aleen42]

@q397064399 嗯嗯，的确是。接触过前端有关图像处理这块后，我发现，的确前端这块对于 GUI 交互缺少好的轮子。而且，全都需要自己去从底层造。可悲！

[aleen42]

@q397064399 不过现在，前端这块不是有国外的一些厂商开始造工具吗？我比较欣赏 Adobe 对这块所做出的贡献。

[serve99]

@q397064399 还是较为赞同
试个图片
https://raw.githubusercontent.com/aleen42/PersonalWiki/master/post/heat_distortion/DistortionEffect_800x600.jpg

[tvallday]

你可以先试着用 WebGL API 写一个 Text Input 出来。我事先真没想到写一个这么小的东西居然要这么多代码。感觉回到没有图形界面的石器时代。

[aleen42]

@tvallday 我在看作者的文件都看暈了. API 一大堆, 還要一個個去查 MDN 的手冊= =心酸

[begoingtodo]

http://webassembly.org/demo/

http://beta.unity3d.com/jonas/AngryBots/