事情是这样的，前段时间`外包工头`老杨又来找我了，说某汽车大品牌要开发一个网页展厅，希望可以在网页里360度展示它家新款汽车的3d模型，还要可以让用户DIY汽车部件的颜色。

在什么都是 3D，看电影 3D，打游戏 3D，估计 3D 打车，很快就会面世。那么作为前端开发的标准语言，JS 和 3D 能不能也搞出点大新闻呢？刚好最近在做一个活动时，就遇到了需要播放 3D 全景视频的需求，顺便就研究了一下 Threejs，这篇文章算是做个笔记，也希望能帮助到那些想快速入门的同学。

最近 VR 的发展十分吸引人们的眼球，很多同学应该也心痒痒的想体验 VR 设备，然而现在的专业硬件价格还比较高，入手一个估计就要吃土了。但是，对于我们前端开发者来说，我们不仅可以简单地在手机上进行视觉上的 VR 体验，还可以立马上手进行 Web 端 VR 应用的开发！

增强现实（Augmented Reality，简称 AR）：是一种实时地计算摄影机影像的位置及角度并加上相应图像、视频、3D 模型的技术，这种技术的目标是在屏幕上把虚拟世界套在现实世界并进行互动。

本文主要通过两方面来解剖 WebGL & Three.js ：WebGL 背后的工作原理和以 Three.js 为例，讲述框架在背后扮演什么样的角色，希望对大家学习有所帮助。

Whitestorm.js 是一款基于 Three.js 超快的 Web 应用 3D 开发框架。它为普通的 Three.js 任务提供封装、使搭建环境、创建对象、添加物件等操作，使开发 3D 的 Web 应用变得更加简单。目前 3300+ Stars 。前端 er，可以了解下。

一些有 WebGL 体验的页面，浏览者有种在一个带有材质的隧道中穿梭的感受。这有赖于 Three.js 以及由 fornasetti.com 带来的灵感。