用js開發3D專案，ThingJS兩年前就成功了

你周圍到處都是跟設計有關係的例子，多總結別人的設計成果，使你提高視覺敏感度。ThingJS的3D開發平臺有十萬個場景樣例資源，讓你創作靈感不斷！

專業的設計人員總是會“借取”其他理念，他們總在尋找靈感。如果你在設計一個傳單，可以先找一份你確實非常喜歡的傳單，採用它的佈局。只需使用你自己的文字和圖片，就能把原來別人的傳單變成你自己獨一無二的設計。ThingJS的3D開發完全可參考官方示例161個，讓你更輕鬆開發！

更加直觀和準確，是設計的目標，讓人們更加方便找到需要的資訊，凸顯設計的價值。3D和2D一樣，都是把資料視覺化，更清晰的展示在使用者面前，物聯網技術部署的最後一公里，就是視覺化層面。3D動畫有了更多的模擬增強，以前是需要學習3DMAX系統，具備專業的3D建模知識，隨著物聯網技術的生態擴充套件，不是一個供應商就能做好一個物聯網方案的部署，它需要眾多的合作，所以每個合作廠商只要把其中一個方面做到極致，就能夠存活。ThingJS是3D視覺化開發方面的佼佼者，為了更加快速推動物聯網視覺化技術，趕上物聯網的大眾創新浪潮，它利用JS封裝3D庫，並開發一系列3D地圖及園區建模元件，把視覺化開發步驟簡化成了四步。

在CityBuilder或者CamBuilder場景搭建工具中，可以選擇物體屬性來內建模型動畫，無縫整合到ThingJS平臺上，就可以基於內建的模型動畫執行JS程式碼，節省了大量的動效基礎開發時間。

以下面的糧倉為例,在CamBuilder中我們可以通過選中該模型，檢視模型是否帶有動畫，例如這個糧倉動畫名為‘CloseRoof’和‘OpenRoof’，分別控制糧倉開蓋關蓋動畫。

ThingJS使用 playAnimation 介面進行動畫播放。

• 簡單播放動畫

obj.playAnimation("animation");

• 可以反向播放動畫

obj.playAnimation({
    name: "animation",
    reverse: true//反轉陣列
});

• 可以迴圈播放動畫，並且可以同 loopType ，來控制迴圈型別

obj.playAnimation({
    name: "open1",
    loopType: THING.LoopType.Repeat
});

• 還可以同時播放多個動畫；

obj.playAnimation({
    name: ["open1", "open2"],
    loopType: THING.LoopType.PingPong,
    speed: 0.4
});

ThingJS擁有免費版和付費版，3D開發不用愁！

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/69980539/viewspace-2718643/，如需轉載，請註明出處，否則將追究法律責任。