Three.js 和 unity3D 以及 UE4 区别

Question

如果你使用 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 原生教程。