爆炸圖，其實是一個外來詞匯，英文的名稱是Exploded Views。在日常生活中，購買的各種各樣的日常生活用品的使用說明書上都有裝配示意圖，它是圖解說明各構(gòu)件的?？梢哉f這個具有立體感的分解說明圖就是個最簡單的爆炸圖。具體點說是軸測裝配示意圖。同時國家標(biāo)準(zhǔn)也作了相應(yīng)規(guī)定，要求工業(yè)產(chǎn)品的使用說明書中的產(chǎn)品結(jié)構(gòu)優(yōu)先采用立體圖示?？梢哉f爆炸圖就是立體裝配圖。
爆炸圖是當(dāng)今的三維CAD、CAM軟件中的一項重要功能。有了這個相應(yīng)的操作功能選項，工程技術(shù)人員在繪制立體裝配示意圖時就顯得輕松多了，不僅提高了工作效率還減少了工作的強度。如今這項功能不僅僅是用在工業(yè)產(chǎn)品的裝配使用說明，還可以應(yīng)用于室內(nèi)設(shè)計、建筑設(shè)計的設(shè)計圖。
如何能更簡潔地表述產(chǎn)品裝配關(guān)系？能夠讓所有人一秒看懂產(chǎn)品各零部件之間的關(guān)系？爆炸圖的優(yōu)勢在于能把復(fù)雜的建筑體塊清晰、直觀地表達，讓看圖者迅速了解建筑、產(chǎn)品等內(nèi)部空間結(jié)構(gòu)的分布。ThingJS的爆炸圖功能幫你快速解決這一問題！你只需花費很短的時間，就能學(xué)會這個功能！ 下面是實現(xiàn)多個物體模型拆解展開的效果，多個物體模型要做爆炸圖，對整個場景進行展開，可以將模型進行移動、添加事件等操作。按住【Shift+鼠標(biāo)滾輪】可以調(diào)節(jié)模型展開距離，單次展開距離/速度可通過輸入數(shù)值改變大小。
先看下效果：
出于互動模型性能考慮，模型上傳前做塌陷。加載場景后，設(shè)置攝像機位置和目標(biāo)點。
查詢場景所有模型，模型原始位置和當(dāng)前位置賦值，進行存儲。
右上角界面展開界面樣式。
滾輪滾動事件。
滾輪散開，此展開氛圍左側(cè)、中間、右側(cè)展開，并且每個模型有展開層次。
滾輪滾動進行模型移動。
場景初始化，設(shè)置視角飛到進入場景的視角。
那么問題來了，怎樣才能快速上手可視化開發(fā)呢？ThingJS 3D框架簡化了開發(fā)工作，并且提供幾百個官方示例，直接獲取API能力，不需要基于3D概念進行開發(fā)，適合3D商業(yè)項目快速生成！距離業(yè)務(wù)僅一層之隔，是非開發(fā)者也容易理解的一種應(yīng)用方法。采用原生JavaScript的開發(fā)語言，配合簡捷易用的3D搭建工具，讓前端程序員和實施人員都可以立即上手。