分享一个WebGL开发的网站-用JavaScript + WebGL开发3D模型

这张图每位程序员应该都深有感触。

人民心目中的程序员是这样的：坐在电脑面前噼里啪啦敲着键盘，运键如飞。

现实中程序员是这样的：编码5分钟，调试两小时。

今天我要给你们分享一个用WebGL开发的网站，感兴趣的朋友能够在Chrome开发者工具里调试它的源码来学习WebGL。

WebGL(Web Graphics Library)是3D绘图协议的一种，该技术的特点是将万能的JavaScript和OpenGL ES 2.0结合在一块儿，为HTML5的 Canvas提供硬件3D加速渲染。借助WebGL，前端开发人员能够开发出很是专业的3D场景和模型。

今天我要介绍的网站：Legacy Encom Boardroom Visualization就是一个采起JavaScript 加上WebGL开发3D场景和模型的一个典型例子。

网站地址：https://www.robscanlon.com/en...

进入以后，会看到一个炫目的控制台。左下角的动画效果很像电影《生化危机》里的DNA双螺旋模型。屏幕右边是一个控制台，你在键盘上输入的字符会有个酷炫的动画效果：

您能够手动在控制台里输入shell命令，好比：

cd wikipedia

ls

以此来浏览wikipedia文件夹下的全部内容。或者直接用鼠标左键点击wikipedia这个文件夹：

而后就能进入wikipedia这个文件夹，看到几个酷炫的3D模型，一个是正在旋转的地球的3D模型，另外一个是不一样维度展现的长方体模型。

在Chrome开发者工具的console页面能看到WebGL相关的输出。

这个网站的源码在github：http://github.com/arscan/enco...

若是你们对WebGL技术感兴趣的，不妨去细读下源代码：

要获取更多Jerry的原创技术文章，请关注公众号"汪子熙"或者扫描下面二维码: