快速學會怎么使用ThingJS在線開發平台!
新手如何使用ThingJS開發三維可視化解決方案?對於ThingJS的許多功能都感覺不了解?使用ThingJS平台雲里霧里?看看這個帖子吧!讓前端工程師迅速熟悉ThingJS在線開發平台功能,讓你減少向大佬求助的次數!提高開發效率!
先介紹一下ThingJS是什么吧,ThingJS是新一代的物聯網可視化PaaS平台,使用的是thingjs 這個3D JavaScript庫,和同屬於webgl協議下的threejs較為相似,但是發展的方向不太一致:threejs開源、免費,功能強大,使用threejs就能搭建精美場景以及制作炫酷的物聯網可視化解決方案,缺點就是復雜,涉及的知識面廣,對新手不友好;thingjs不開源、由專業團隊獨立研發,目前商業開發者使用thingjs發布項目是收費的,thingjs只對個人開發者免費使用,功能也較為全面,對於開發物聯網可視化解決方案來說,thingjs已經是綽綽有余了,當然,對於會使用更難但更為全面的threejs的大牛們來說,thingjs就封裝得太徹底了一點,threejs的三大核心,場景、攝像機、渲染器,渲染器的使用還是較為復雜的,但是thingjs針對新手干了一些好事,就是可以使用面板的方式調整場景效果,這對於大牛來說可能就不咋樣了,大牛們希望的是自己去操作,而正常人和普通人的思想是能用就行,所以thingjs和threejs的技術出發點以及面向的人群都是不一致的。
那么thingjs提供了哪些簡化三維可視化開發的操作呢?
本次就只介紹ThingJS平台在線開發中一些方便之處:
一、快捷代碼
ThingJS網站在線開發平台中提供快捷代碼的方式來輔助開發,使用方法如下:鼠標放置在左上角快捷代碼處,選擇欄目,然后雙擊對應功能,點擊該功能即可出現在當前項目上(溫馨貼士提醒您,請注意代碼出現的位置問題,出現的代碼位置需要按照個人要求來進行調整,快捷代碼出現的位置為鼠標光標最后一次出現在項目中的位置。)

二、官方示例
ThingJS網站在線開發平台中提供官方示例來對於thingjs中的api進行熟悉與了解,(溫馨貼士提醒您,您可以在左上角搜索相關功能,同事每個示例都是有注釋的,您可以運行查看結果並且可以試着去修改)

三、場景效果
ThingJS網站在線開發平台中提供場景效果面板來設置場景效果,使用方法很簡單,點擊場景效果按鈕,會彈出場景效果的調試面板,調試完想要的效果,即可點擊生成代碼塊放在項目中使用。

四、場景信息
ThingJS網站在線開發平台中提供場景信息面板來查看場景中的信息,這個有助於查看對象父子關系,更能直接查看到物體所含有的屬性,同時場景信息中,每個模型后都有一個定位按鈕,點擊該按鈕即可定位到該模型。
