还记得2012年谷歌浏览器的那个曲线方程吗？在全3D空间中，这是WebGL技术第一次在浏览器利用。ThingJS继承WebGL优异个性，反对更弱小的3D在线开发。

基于WebGL周边衍生了泛滥的第三方库，其中Three.js属于开发利用，做了肯定的渲染细节封装，ThingJS则封装更多对模型的操作，力求让更多无3D开发教训的人员上手。以Unity 3D为代表的OpenGL呈现更早，开发者能够在Unity 3D平台上构建各种AR和VR互动体验，同时能够公布WebGL版本。上面基于开发体验、场景资源和用户技能等三大维度比拟这三款3D框架。

Three.js

目前最风行的开源3D框架，2009年4月诞生，2005年adobe收买了macromedia的flash产品，2008，2009年正是flash如日中天之时,threejs也识时务的抉择了flash的ActionScript平台，起初flash败落之后抉择了WebGL。

ThingJS

新兴的3D框架，2018年诞生，是针对物联网畛域的JavaScript 3D Library。它是由在3D畛域经营多年的优锘科技公司研发，旨在简化3D利用开发。

Unity3D

Unity是游戏引擎开发商，为游戏开发、美术、修建、汽车设计、影视制作在内的创作者提供一整套软件解决方案，可用于创作、经营和变事实时互动的2D/3D内容。 2020年5月9日，Unity发表收买加拿大技术服务公司Finger Food，拓展工业利用幅员，在建筑设计、工程、施工等畛域扩大。

以下是Three.js、ThingJS、Unity3D三个我的项目的根底状况。

1、 开发体验比照

Three.js是大多数开发者首次接触的WebGL 3D库，Threejs库的呈现解决了底层的渲染细节和简单的数据结构，终于将简单的底层细节形象进去。但对于初学者来说须要破费很多工夫，就一个加载模型、调光、抉择模型弹框的性能，就能写出Threejs上百行代码。

ThingJS是更为下层的形象，不必关怀渲染、mesh、光线等简单概念。ThingJS封装了对模型交互事件的API、对模型的操作及档次关系，一个个具体的模型形象把初学者从简单的3D概念中解放出来。

Unity 3D须要下载和装置Unity编辑器以便创立3D我的项目，不同于Web前端开发JS语言，C#语言面向对象的个性残缺，有利于程序设计。只是相对来说，C#语言学习老本更高。Unity 3D公布操作流程不够

2、 场景资源比照

ThingJS思考3D我的项目开发的便捷性，提供无需3D建模常识即可上手的场景搭建工具和无保护老本的场景存储云空间，模型库提供上万个行业模型资源。

Three.js和Unity 3D没有提供场景解决方案和模型库，须要团队手动保护，对于模型导出和加载有很高的要求。

3、 用户技能要求比照

ThingJS在线开发具备JS根底即可，不须要3D开发技能，入门工夫仅数小时。
ThreeJS则须要学习很多简单的3D概念，初学者上手须要花数周或更长时间，尤其须要业余美术人员实现建模和导出工作，团队合作老本高。
Unity 3D开发者须要有C#语言根底，具备3D开发专业知识，须要至多一周工夫入门开发。

ThingJS次要劣势在于入门简略、公布迅速，性能和设计更靠近行业利用的需要，面向非专业3D用户提供的工具与资源，更适宜物联网可视化利用。

Three.js底层引擎级别的三维图形库，有很多开源库对它进行扩大，但较为涣散，适宜做轻量级可视化利用，简单利用则须要基于此库进行大量封装才行。

Unity 3D劣势在于游戏开发，有很好的生态，性能成果都有很好体现，但输入后果较关闭，适宜做最终用户的产品，不适宜基于此做web上的二次开发。

为了体验3D便捷开发，咱们再来看下ThingJS的模型加载示例。

var app = new THING.App({container: 'div3d',url: 'https://speech.uinnova.com/static/models/building'});

只关注场景在页面的div的id和场景寄存的地址，所有的细节ThingJS都解决好了。场景加载完之后便可从场景取得加载内容，并进行交互利用开发。够简略！

// 获取修建对象var building = app.buildings[0];// 打印修建中所有的楼层building.floors.forEach(function(floor) {    console.log('Floor: ' + floor.id);});// 获取室外对象var outdoors = app.outdoors;// 打印室外所有物体outdoors.things.forEach(function(thing) {    console.log('Thing: ' + thing.id);});

ThingJS抉择JS语言疾速切入3D可视化守业赛道，是你的守业好帮手！