PowerUI3DCreator是一款專業(yè)的3D快速開發(fā)工具，配合模型搭建工具（C4D、3DMAX、Blender等）來實現(xiàn)3D可視化效果。該工具無需任何插件，支持模型的自主拼接與自定義模型添加，并形成組件庫。導(dǎo)出的文件可運行于目前所有的主流瀏覽器；還可配合PowerUI Designer開發(fā)工具將三維場景部署于各大平臺。

使用說明

使用前，請執(zhí)行以下步驟
1、安裝node.js
2、建議關(guān)閉殺毒軟件，以免誤報

軟件場景介紹

D可視化開發(fā)工具PUI3DCreator的應(yīng)用場景

PUI3DCreator可以用于各種3D場景的搭建，在智慧園區(qū)、智慧樓宇、智慧機房方面應(yīng)用如下：

一.PUI3DCreator應(yīng)用場景：智慧園區(qū)

以三維仿真形式完整呈現(xiàn)智慧園區(qū)的場景，包括建筑、道路、景觀、河流、設(shè)備等，構(gòu)建與真實智慧園區(qū)一致的仿真環(huán)境，可實時展示園區(qū)環(huán)境信息。

二.PUI3DCreator應(yīng)用場景：建筑

根據(jù)建筑物的實際測量數(shù)據(jù)和真實外觀，完成建筑的建模工作。既包括建筑外的環(huán)境信息，也包括建筑內(nèi)的樓層和房間信息、安防信息、電力信息、門禁信息、視頻監(jiān)控信息等。在展示建筑物的三維視覺效果時，既可以非常逼真的還原實際場景，也可以對三維場景做數(shù)字化處理，呈現(xiàn)出科幻大片里的震撼效果。

三.PUI3DCreator應(yīng)用場景：機房

根據(jù)各機房的信息和設(shè)備擺放情況，通過PUI3DCreator搭建出機房三維環(huán)境。還可接入真實機房設(shè)備信息，查看機房實時監(jiān)控、設(shè)備實時告警信息 ，排查機房故障。

四.PUI3DCreator應(yīng)用場景：機柜級設(shè)備

機房內(nèi)部所有機柜級的配套設(shè)備，比如獨立存儲設(shè)備、獨立小型機、空調(diào)設(shè)備、供配電設(shè)備、監(jiān)控設(shè)備、UPS等，都可通過3D建模，實現(xiàn)數(shù)字化顯示。

五.PUI3DCreator應(yīng)用場景：機柜內(nèi)設(shè)備

機柜內(nèi)的各類設(shè)備，如機架式服務(wù)器、存儲設(shè)備、網(wǎng)絡(luò)設(shè)備，安全設(shè)備等。

六.PUI3DCreator應(yīng)用場景：設(shè)備和線纜

PUI3DCreator可實現(xiàn)設(shè)備最小單元的組態(tài)化拼接。例如設(shè)備的前后面板及其端口；機房內(nèi)部的網(wǎng)絡(luò)線纜（基礎(chǔ)、端口跳線）和供電線路等等，都可通過PUI3DCreator拼接而成。 以上場景只是PUI3DCreator應(yīng)用的最基本的場景。除此之外，工廠生產(chǎn)車間流水線、裝備（車輛、飛機、火箭、風(fēng)電機組等）內(nèi)部結(jié)構(gòu)、醫(yī)院護士站、3D智慧城市等等，所有人眼可見的真實存在的場景，都可以通過PUI3DCreator實現(xiàn)3D數(shù)字化、可視化顯示，且無限接近真實場景。

市場上3D開發(fā)工具種類繁多，像PUI3DCreator這樣所見即所得的3D可視化開發(fā)工具并不多。UIPower研發(fā)PUI3DCreator的初衷，也是希望3D開發(fā)變得和搭積木一樣簡單，兼具組件復(fù)用思維和用戶體驗思維，只要準(zhǔn)備好積木零件，用戶就可以快速搭建出摩天大廈、智慧城市。

軟件介紹和操作方法

PUI3DCreator采用了html標(biāo)簽與原生javaScript語言，配合模型搭建工具來實現(xiàn)3D可視化效果。前端程序員和操作人員都可以立即上手，大大降低了三維開發(fā)的門檻。該工具無需任何插件，導(dǎo)出文件可運行于目前所有的主流瀏覽器；還可配合UIPower的PowerUI Designer開發(fā)工具將三維場景部署于各大平臺。場景布置和三維對象都將以標(biāo)簽的形式寫在html文件中，配合工具庫的幫助，會以簡便的代碼實現(xiàn)3D效果。

PUI3DCreator采用的是聲明式、可擴展、以及可復(fù)用的組件化的編程思想，工具內(nèi)置大量組件，可滿足開發(fā)人員基本需求。開發(fā)人員可自定義組件，為3D對象添加自定義屬性、動效、事件等，解決了重復(fù)編寫代碼的問題。并且組件添加都是以可視化編輯的方式進行操作，十分便捷。

開發(fā)人員可以將編寫好的組件以js文件的形式引入到項目文件中。由于組件名是唯一的，所以在編輯組件時，需要對照提供的API文檔，避免重名問題的發(fā)生。組件的聲明定義需按照規(guī)定的格式進行。

為了提高性能，建議進行屬性的修改等操作時，方法寫在update中；在開發(fā)模式中，每次點擊模型對象，右側(cè)會顯示自定義屬性，開發(fā)人員可直接通過右側(cè)工具欄修改參數(shù)。

組件以屬性的形式添加到標(biāo)簽中，參數(shù)就是屬性的值，代碼會根據(jù)工具中的參數(shù)變化自動修改，十分便利。

組件如果復(fù)用性較高時，便可以組成組件庫，開發(fā)項目時會變得越來越方便。

比如案例中寫的changecolors組件，就可以做到每個模型對象都更換顏色。

開發(fā)人員可運用工具進行模型的自主拼接與自定義模型添加，兼容主流的C4D、3DMAX、blender等模型編輯工具。模型推薦gltf格式，兼容obj格式文件。PUI3DCreator具有模型庫的概念，模型實例可以預(yù)先設(shè)置于編輯欄中，模型總量會不斷累加，為開發(fā)人員提供素材。

開發(fā)人員也可按照開發(fā)文檔對html文件進行修改，實現(xiàn)對3D對象進行操作的目標(biāo)。PUI3DCreator導(dǎo)出的使用包，客戶可隨意部署，不受任何限制。

在進行項目調(diào)試時，該工具提供了很多人性化的功能。比如工具分為開發(fā)模式與展示模式，操作人員可隨時進行切換調(diào)試。

新增模型對象，調(diào)整對象的位置、旋轉(zhuǎn)角度、拉伸比例等等屬性時都可以進行可視化調(diào)整，代碼將會根據(jù)工具調(diào)整數(shù)據(jù)自動修改。

PUI3DCreator采用ID識別方法，頁面對象欄目方便查找模型對象，進行復(fù)制和刪除操作。

編輯完成后，可導(dǎo)出文件包，用于部署。

導(dǎo)出文件會附帶客戶使用到的模型。

Web端使用時直接拖拽到瀏覽器中，查看項目效果

導(dǎo)出文件一運行于瀏覽器端

以上便是PUI3DCreator基本功能的介紹和操作方法的簡要描述。