百度商橋

在線咨詢

400-660-9989

[email protected]

3D可視化開發工具PUI3DCreator的操作方法

發布時間:2020-01-07 9:50:18

PowerUI3DCreator試用版下載

(文件請解壓至英文目錄中)

近年來,三維可視化市場需求越來越旺盛,很多公司都在該領域進行深入探索。但由于三維可視化開發門檻較高,目前的主流開發庫過于底層,學習成本高,因此各公司三維可視化項目制作周期長,效率低下?;谶@一現狀,UIPower自主研發了PUI3DCreator——一款3D快速開發工具,通過可視化拼接三維場景,完美解決以上問題。先展示幾張開發完的效果圖:

項目鏈接:3D園區項目(鼠標結合"W","A","S","D"進行操作)

UIPower案列-PUI3DCreator
UIPower案列-PUI3DCreator

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

UIPower案列-PUI3DCreator

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

UIPower案列-PUI3DCreator

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

UIPower案列-PUI3DCreator
UIPower案列-PUI3DCreator

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

UIPower案列-PUI3DCreator

組件以屬性的形式添加到標簽中,參數就是屬性的值,代碼會根據工具中的參數變化自動修改,十分便利。

UIPower案列-PUI3DCreator

組件如果復用性較高時,便可以組成組件庫,開發項目時會變得越來越方便。

UIPower案列-PUI3DCreator

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

UIPower案列-PUI3DCreator

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

UIPower案列-PUI3DCreator

開發人員也可按照開發文檔對html文件進行修改,實現對3D對象進行操作的目標。PUI3DCreator導出的使用包,客戶可隨意部署,不受任何限制。

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

UIPower案列-PUI3DCreator

新增模型對象,調整對象的位置、旋轉角度、拉伸比例等等屬性時都可以進行可視化調整,代碼將會根據工具調整數據自動修改。

UIPower案列-PUI3DCreator

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

UIPower案列-PUI3DCreator

編輯完成后,可導出文件包,用于部署。

導出文件會附帶客戶使用到的模型。

UIPower案列-PUI3DCreator

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

導出文件一運行于瀏覽器端

UIPower案列-PUI3DCreator

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

PUI3DCreator為開發人員帶來了極大的便利,這正是目前3D可視化行業迫切需要的。給用戶帶來高效、便捷的使用感受是UIPower歷年來研發工具的核心理念。UIPower將會一直堅守這一理念,不斷的提高產品質量,為客戶提供優質的服務保障!

PowerUI3DCreator試用版下載

(文件請解壓至英文目錄中)





捕鱼大师最新官网