使用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 '../build/three.module.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 );
mesh.rotation.x += 0.005;
mesh.rotation.y += 0.01;
renderer.render( scene, camera );
}
這個是上述代碼制作出來的立方體盒子的效果圖了，使用threejs制作出來的是不是非常的精細？
threejs 的立方體
而下面的代碼則是ThingJS制作一個立方體的代碼了，多少行？只有15行，這還是加了注釋的，那么不加注釋是多少行？八行！這個還是附加了和threejs一樣的自動旋轉功能的，ThingJS也有一個“HelloWorld”示例，多少行代碼？三行！！！是不是看着都覺得簡單？HTML都不需要你寫，直接寫JavaScript代碼就行了，那效果呢？
/**
* 說明：創建一個Box，並在app的update事件中旋轉Box，攝像機看Box
*/
var app = new THING.App();
// 創建Box
var box = app.create({
type: 'Box',
position: [-4, 0, 0],
});
// update事件
app.on('update', function () {
box.rotateY(30 * app.deltaTime * 0.001); // 箱子自轉
});
// 看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絕對是可視化方向中值得選擇的！而需要快速開發項目，制作智慧園區、控制電力系統、給整棟大樓進行可視化運營管理的這種項目來說，ThingJS平台絕對值得選擇！