threejs和ThingJS的区别，ThingJS收费么？
使⽤收费吗？的呢？ThingJS官⽹上的价格页⾯中VIP(商业开发者)和商业开发者(离线SDK包)有什么区别吗？使⽤ThingJS能制作⼀个智慧园区可视化项⽬或者是智慧城市可视化项⽬吗？使⽤ThingJS⼤概要花多少钱？
这些想必是⼀些打算开始制作物联⽹三维可视化项⽬的⼈的⼀些问题了，有的⼈会问，⽊棉树怎么样？图扑怎么样？其他的物联⽹可视化平台⼜怎么样？甚⾄还会说，threejs不收费，为什么ThingJS要收费？有⽹友会说，你们的底层技术肯定是threejs，那么我先普及⼀下threejs 是什么吧。
⼤家可以看看简书上的⼀位作者唐钊的⼀篇⽂章《ThreeJs 基础⼊门》，⾸先你得对3D有⼀定了解，其次你必须得知道threejs核⼼三⼤组件：场景、相机、渲染器，然后你还得学习光源、材质、⼏何图形、模型⽅⾯的知识，总的来说，threejs不愧是物联⽹可视化开发引擎中的佼佼者，精通threejs的，我们管这种⼈叫做⼤⼤佬，为啥？学习threejs，你不但涉及到了编程，还有⼀部分模型设计师⽅⾯的知识，为什么到处是threejs基础⼊门的教材？不论是新⼿发的帖⼦还是⼤佬写的归纳，因为⾮常有必要写！总得来说就⼀个字：难！学习threejs的都是⼀有理想有毅⼒同时也是⾮常有才华的⼈，为什么？threejs制作的3D可视化场景，更加精美，更加优秀，但同时也更加耗时间.....这些更加体现在哪？如果ThingJS试卷满分是100分的话，threejs⽆疑就是那种满分120分甚⾄是150分的试卷，为啥？就是因为threejs有加分题，就是那种答对了得分，答错了扣分的加分题，⽽ThingJS的试卷就是针对“普通学⽣”的。
同样⼀个⽴⽅体，threejs要多少⾏代码呢？45⾏代码，我觉得这个应该是threejs中代码最少的⼏个了吧？那效果呢？两个字形容，强⼤！
three.js webgl - geometry - cube
import * as THREE from '../dule.js';
var camera, scene, renderer;
var mesh;
init();
animate();
function init() {
camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 1000 );
camera.position.z = 400;
scene = new THREE.Scene();
var texture = new THREE.TextureLoader().load( 'textures/crate.gif' );
var geometry = new THREE.BoxBufferGeometry( 200, 200, 200 );
var material = new THREE.MeshBasicMaterial( { map: texture } );
mesh = new THREE.Mesh( geometry, material );
scene.add( mesh );
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
//
window.addEventListener( 'resize', onWindowResize, false );
}
function onWindowResize() {
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
renderer.setSize( window.innerWidth, window.innerHeight );
}
function animate() {
requestAnimationFrame( animate );
}
这个是上述代码制作出来的⽴⽅体盒⼦的效果图了，使⽤threejs制作出来的是不是⾮常的精细？
threejs 的⽴⽅体
⽽下⾯的代码则是ThingJS制作⼀个⽴⽅体的代码了，多少⾏？只有15⾏，这还是加了注释的，那么不加注释是多少⾏？⼋⾏！这个还是附加了和threejs⼀样的⾃动旋转功能的，ThingJS也有⼀个“HelloWorld”⽰例，多少⾏代码？三⾏是不是看着都觉得简单？HTML都不需要你写，直接写JavaScript代码就⾏了，那效果呢？
/**
* 说明：创建⼀个Box，并在app的update事件中旋转Box，摄像机看Box
*/
var app = new THING.App();
// 创建Box
原生js和js的区别
var box = ate({
type: 'Box',
position: [-4, 0, 0],
});
// update事件
<('update', function () {
});
// 看Box
app.camera.lookAt(box);
当然，这就是最初级的⽴⽅体，看上⾯threejs制作的⽴⽅体效果和ThingJS制作的⽴⽅体效果，是不是瞬间就不想⽤ThingJS了呢？ThingJS 只能做到这个程度？
ThingJS⽴⽅体
那ThingJS岂不是很菜？接着看吧！我给你看⼏个优秀的ThingJS场景效果：
那有⼈就会问了，这个是代码⽣成的么？就跟threejs⼀样么？这个如果也是代码⽣成的，那我不会建模我怎么做出来这个模型呀？对，关键点到了，threejs你得懂⼀定的建模知识，ThingJS呢？是为了开发项⽬，给谁⽤的？给前端⼯程师，会JavaScript的⼈⽤的，如果ThingJS跟threejs⼀样了，那ThingJS不是⾃⼰打⾃⼰脸了么？
正如花开两朵，各表⼀枝，ThingJS和threejs，就是迈向的两条道路的可视化之花，⼀个蓬勃发展，⼤神众多(threejs)，⽽另⼀个则是蓄势待发，农村包围城市(thingjs)，⼀个相当于⾛的是精英路线，⽽另⼀个则是⾛的普及化之路，同时也是threejs免费，ThingJS收费的⼀部分原因了，threejs对于技术的要求更⾼，闭门造车的话，threejs将⽆法⾛到技术的巅峰，⽽thingjs不同，追求的是⼤⼀统的⾏为，前端⼯程师都能使⽤的技术，⼤神两眼看穿的问题，萌新可能得三到五天还摸不着头脑，这就需要专业的技术团队去钻研、去优化。
那么thingjs和threejs相⽐，有哪些区别呢？threejs是⼀个3D引擎，⽽ThingJS是⼀个平台，⼀个只提供技术，⽽另⼀个是提供服务的平台，有兴趣爱好、想钻研技术的，threejs绝对是可视化⽅向中值得选择的！⽽需要快速开发项⽬，制作智慧园区、控制电⼒系统、给整栋⼤楼进⾏可视化运营管理的这
种项⽬来说，绝对值得选择！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。