结尾：
1、 WebGL是一个3D画图标准协议，在浏览器上生成，对开发解决能力要求高，所以只懂JavaScript语言是不够的。WebGL网页组成成分：HTML5、JavaScript和GLSL ES(着色器语言 OpenGL ES)，信息量很宏大，对于小型商业我的项目不免投入太大，尤其是非开发人员，是很难了解的。所以，基于WebGL底层技术的3D开发工具应运而生。
封装是一种艺术，把艰涩难懂的图形学实践都抽象化了，只须要搬运即可。ThingJS不仅仅在技术上简化了开发方法，通过官网示例来以疏导JS开发人员上手，同时一直优化性能，真正为物联网3D可视化开发着想，晋升效率，把精力放在更重要的事件上。
2、如果想实现基于Cesium的WebGL立体图形绘制工作，在调整成果的时候，重复调整配置项属性值，是很低效的。这须要开发者具备图形学根底，能够学一些WebGL理论知识，逐渐就可能了解3D图形开发。
随着flash的败落，浏览器的原生能力的衰亡，在3D方面WebGL不论从性能还是性能方面都在逐步增强。2D利用变为3D利用的需要也越来越强烈。 Win10的画图板反对3D图片，2d工具Photoshop也开始逐渐集成了3D工具。
商业谋求效率是必然的，可能起到商业化作用的技术，无疑要非常简单好用，可能不便推广，为公众所承受才行。ThingJS也是在WebGL技术的根底上逐渐倒退起来的，为了商业我的项目的开发而不断更新迭代，更多新性能欢送登陆收费应用。

2、 WebGL是内嵌在浏览器中的，不用装置插件和库就能够间接应用它。其实，咱们只须要向曾经相熟的HTML和JS中增加一些三维图形学的代码，就能够在网页显示三维图形了。往往波及到编程，就会有肯定的门槛，有没有适用范围更广的三维图形开发计划呢？
只有学会JavaScript，不须要其余的3D开发根底，就可能把ThingJS平台用起来，这点比WebGL、Threejs还要不便简略，助力所有物联网商业我的项目开发高效实现！
3、 WebGL是由HTML5、JavaScript、OpenGL ES2.0组成的一个网页版3D图形，OpenGL是比拟罕用的跨平台图形库，它反对了一项十分重要的个性，即可编程着色器办法，开发起来绝对简略。然而，因为须要图形学根底，涵盖过多渲染等细节，开发量显著增多，怎么办呢？
做商业我的项目，疾速上手开发技术是很重要的，不应该成为一种很高门槛的技能，ThingJS粗浅摸索到了这一痛点，基于将来蓬勃发展的物联网可视化场景，仅需JS代码就可进行3D开发，欢送收费应用水印版！点击这里进入官网查看。
4、 WebGL, Threejs, ThingJS有何区别呢？这三种都是一种网页浏览器出现3D画面的技术，不须要装置浏览器插件，只有编写网页代码即可实现3D图像的展现。然而，三种技术的难度是层层递进的，threejs基于WebGL技术封装了大半局部渲染等细节，开发人员通过Threejs来应用WebGL 3D库，开发更加容易了。ThingJS更加简略，具备JavaScript根底就能够了。
理解了区别，就会发现技术背地不同的谋求，有人谋求学术殿堂，有人谋求商业向善，无论如何，这都是一种能力的体现。只有你有开发3D商业我的项目的想法，无需3D开发教训，那ThingJS在线开发平台肯定是最佳抉择。

5、 WebGL是在HTML5、JavaScript根底上操作一些OpenGL接口，编写着色器语言须要理解，如何借助GLSL ES语法来操作材质和灯光。这纯属于线上浏览器的做法，曾经精简许多，基于WebGL周边衍生了泛滥的第三方库，其中three.js属于开发利用，做了肯定的渲染细节封装，ThingJS则封装更多对模型的操作，力求让更多无3D开发教训的人员上手。
想更多理解ThingJS在线开发，欢送退出官网体验免费版！对于3D商业我的项目的开发人员来说，在了解技术之外，还要思考到一系列的包装环节，ThingJS提炼了简略的四个步骤来为你创立一个残缺可用的3D可视化我的项目，包含场景搭建、在线开发、数据对接、我的项目部署，帮你疾速实现3D我的项目商业化！

上面就基于WebGL技术探讨一下当初的两款3D框架。

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

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

设计角度

WebGL能够解决3D图像，听起来是非常高兴的一件事，然而WebGL切实是太底层了，WebGl解决是如何再画布上画图的问题，怎么画点，线，面，怎么上色，怎么贴图，怎么解决光线，视角转动之后怎么换算绘制等等。这些对于一个做3D利用的开发者来说要学的货色太多了。
Threejs库的呈现解决了底层的渲染细节和简单的数据结构，终于将简单的底层细节形象进去，使得大家开发3D利用更容易了一些。和很多开发者交换threejs都是他们首次接触的WebGL 3D库，并能很容易的就能开始做一些试验。然而应用Threejs开发利用还是门槛很高，但就一个加载模型，调光，抉择模型弹框的性能，就能写出Threejs上百行代码。同时还有很多简单的3D概念须要了解。这时就须要ThingJS了。

ThingJS是更为下层的形象，不必关怀渲染，mesh，光线等简单概念。它形象是一个个具体的模型，ThingJS封装了对模型交互事件的各种API，比方单击，左键，鼠标滑过等，ThingJS封装了对模型的操作，例如挪动，放大放大，上色，勾边，甚至开门，ThingJS还封装了模型的档次关系，例如物体是放在某个房间里的，房间又在某个楼层，楼层又是某个大楼的。大楼在园区里。

编码比照

这里仅仅从3D模型加载这个小点进行比照阐明。更多内容大家可参考各自的网站www.three.org 和 www.thingjs.com进行具体比照。
three的模型加载

function load3DModel(){   /     1、collada是一种基于XML的3D模型交互计划，简略来说，就是一种3D模型能够通过collada转换成另一种3D模型，     从而，各种3D模型都能够通过collada转换成web反对的3D模型。     2、。dae是一个钟3D模型的格局     3、加载时留神浏览器同源策略的限度    /   var loader = new THREE.ColladaLoader();   loader.load( "./model/avatar.dae", function ( collada ) {      //找到模型中须要的对象。将相机看向这个对象是为了让这个对象显示在屏幕核心      collada.scene.traverse( function ( child ) {         if ( child instanceof THREE.SkinnedMesh ) {            modelObj = child;            camera.lookAt( child.position );         }      } );      //将模型的场景退出到整体的场景       modelObj.material.opacity = 0.8;      scene.add( collada.scene ); //每个模型都要增加到场景        //显示出模型的骨骼的代码,不须要可删去      var helper = new THREE.SkeletonHelper( modelObj );      helper.material.linewidth = 3;      scene.add( helper );   } );}

** threejs 加载模型到场景每个细节都得本人解决。

咱们再来看下ThingJS的模型加载。**

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);

});

如许完满的封装形式。更多细节能够到www.thingjs.com 查看。three.js(www.three.org)和ThingJS(www.thingjs.com)都是JavaScript 3D Library，都对webGL的3D解决能力进行了封装，然而three.js 更偏三维技术底层，实用于3D爱好者学习3D技术；ThingJS更偏物联网利用性能开发，重在开发效率，升高开发成本，适宜于应用3D技术做我的项目的开发者，只有学会JavaScript代码即可上手。全文地址请点击：https://blog.csdn.net/liuwei000000/article/details/80623532?utm_source=copy 标签: thingjs, threejs, 3D开发, 物联网3D开发, 3D可视化