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

使用說(shuō)明

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

軟件場(chǎng)景介紹

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

軟件介紹和操作方法

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

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

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

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

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

組件如果復(fù)用性較高時(shí)，便可以組成組件庫(kù)，開(kāi)發(fā)項(xiàng)目時(shí)會(huì)變得越來(lái)越方便。

比如案例中寫(xiě)的changecolors組件，就可以做到每個(gè)模型對(duì)象都更換顏色。

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

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

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

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

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

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

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

Web端使用時(shí)直接拖拽到瀏覽器中，查看項(xiàng)目效果

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

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