1. 程式人生 > 其它 >3D視覺化開發-3D視覺化建模-PUI3DCreator

3D視覺化開發-3D視覺化建模-PUI3DCreator

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

專案連結:3D園區專案(滑鼠結合"W","A","S","D"進行操作)

PUI3DCreator採用了html標籤與原生javaScript語言,配合模型搭建工具來實現3D視覺化效果。前端程式設計師和操作人員都可以立即上手,大大降低了三維開發的門檻。該工具無需任何外掛,匯出檔案可運行於目前所有的主流瀏覽器;還可配合UIPower的PowerUI Designer開發工具將三維場景部署於各大平臺。場景佈置和三維物件都將以標籤的形式寫在html檔案中,配合工具庫的幫助,會以簡便的程式碼實現3D效果。

PUI3DCreator採用的是宣告式、可擴充套件、以及可複用的元件化的程式設計思想,工具內建大量元件,可滿足開發人員基本需求。開發人員可自定義元件,為3D物件新增自定義屬性、動效、事件等,解決了重複編寫程式碼的問題。並且元件新增都是以視覺化編輯的方式進行操作,十分便捷。

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

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

元件以屬性的形式新增到標籤中,引數就是屬性的值,程式碼會根據工具中的引數變化自動修改,十分便利。

元件如果複用性較高時,便可以組成元件庫,開發專案時會變得越來越方便。

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

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

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

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

新增模型物件,調整物件的位置、旋轉角度、拉伸比例等等屬性時都可以進行視覺化調整,程式碼將會根據工具調整資料自動修改。

PUI3DCreator採用ID識別方法,頁面物件欄目方便查詢模型物件,進行復制和刪除操作。

編輯完成後,可匯出檔案包,用於部署。

匯出檔案會附帶客戶使用到的模型。

Web端使用時直接拖拽到瀏覽器中,檢視專案效果

匯出檔案一運行於瀏覽器端

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

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

PowerUI3DCreator試用版下載

(檔案請解壓至英文目錄中)

文章來源:http://www.uipower.com/news/PUI3DCreator.html