Three.js和unity3D

如果你使用unity3D或UE4开发过3D应用项目，随着Web的发展，你可能会因为公司项目或客户需要3D项目运行在浏览器上而接触到Three.js这个词。因此接下来的内容，就默认你对unity3D或UE4有一定的了解，然后在你对unity3D或UE4了解的基础上来科普Three.js。

区别

unity3D和UE4最常见的应用场景自然就是游戏了，当然除了游戏还有建筑、机械、室内设计、VR、服装、电子产品等领域需要通过unity3D或UE4开发3D应用程序。

Three.js和unity3D一样都是为了开发三维应用封装的3D引擎，区别在于unity3D和UE是基于OpenGL技术封装得到的三维引擎，unity3D和UE开发的项目一般直接运行在操作系统上，而Three.js引擎是基于WebGL技术封装得到的3D引擎，Three.js开发三维应用程序可以直接运行在浏览器上，打开Three.js开发的三维场景，就像打开一个普通的网页一样，只不过显示内容是3D的。

Three.js并不像unity3D或UE主要为游戏而生，Three.js应用的场景比较广泛了，比如产品展示、建筑展示、VR、虚拟看房、室内设计效果展示、小游戏...微信小游戏跳一跳就是通过Three.js引擎开发。

Three.js开发

关于Three.js与unity3D区别，上面已经简单阐述过，下面主要谈一谈，一个有unity3D或UE基础的程序员，如何快速上手Three.js，首先你应该了解到Three.js的运行环境是浏览器，那么很显然，你应该了解浏览器环境下的程序开发，你应该去百度一下前端工程师应该掌握的技能，百度HTML/CSS/JavaScript/Nodejs等关键词先对Web开发有一定的认知，然后才可能通过Three.js去开发运行在Web上的三维应用程序。Three.js的开发语言是JavaScript语言，如果你有编程基础学习JavaScript也很容易。

如果你通过unity3D或UE开发过三维应用，那么你对整个开发流程肯定是非常了解的，唯一的不足就是不了解整个浏览器的生态，对于你而言只需要切换到浏览器的生态环境下就可以，很多前端工程师虽然很了解前端的知识，但是对图形学、3D应用开发流程都是很陌生的。

Three.js的底层是WebGL，如果你有兴趣，可以学习下WebGL原生教程。