爆炸圖，其實是一個外來詞彙，英文的名稱是Exploded Views。在日常生活中，購買的各種各樣的日常生活用品的使用說明書上都有裝配示意圖，它是圖解說明各構件的。可以說這個具有立體感的分解說明圖就是個最簡單的爆炸圖。具體點說是軸測裝配示意圖。同時國家標準也作了相應規定，要求工業產品的使用說明書中的產品結構優先採用立體圖示。可以說爆炸圖就是立體裝配圖。

爆炸圖是當今的三維CAD、CAM軟體中的一項重要功能。有了這個相應的操作功能選項，工程技術人員在繪製立體裝配示意圖時就顯得輕鬆多了，不僅提高了工作效率還減少了工作的強度。如今這項功能不僅僅是用在工業產品的裝配使用說明，還可以應用於室內設計、建築設計的設計圖。

如何能更簡潔地表述產品裝配關係？能夠讓所有人一秒看懂產品各零部件之間的關係？爆炸圖的優勢在於能把複雜的建築體塊清晰、直觀地表達，讓看圖者迅速瞭解建築、產品等內部空間結構的分佈。
ThingJS的爆炸圖功能幫你快速解決這一問題！你只需花費很短的時間，就能學會這個功能！ 下面是實現多個物體模型拆解展開的效果，多個物體模型要做爆炸圖，對整個場景進行展開，可以將模型進行移動、新增事件等操作。按住【Shift+滑鼠滾輪】可以調節模型展開距離，單次展開距離/速度可通過輸入數值改變大小。

先看下效果：

出於互動模型效能考慮，模型上傳前做塌陷。載入場景後，設定攝像機位置和目標點。

查詢場景所有模型，模型原始位置和當前位置賦值，進行儲存。

右上角介面展開介面樣式。

滾輪滾動事件。

滾輪散開，此展開氛圍左側、中間、右側展開，並且每個模型有展開層次。

滾輪滾動進行模型移動。

場景初始化，設定視角飛到進入場景的視角。

那麼問題來了，怎樣才能快速上手視覺化開發呢？ThingJS 3D框架簡化了開發工作，並且提供幾百個官方示例，直接獲取API能力，不需要基於3D概念進行開發，適合3D商業專案快速生成！距離業務僅一層之隔，是非開發者也容易理解的一種應用方法。採用原生JavaScript的開發語言，配合簡捷易用的3D搭建工具，讓前端程式設計師和實施人員都可以立即上手。

完整程式碼戳ThingJS官網檢視

多個物體模型快速製作爆炸圖？試一試ThingJS！

相關文章