3D應(yīng)用集成開(kāi)發(fā)環(huán)境「nunuStudio」(3d集成技術(shù))
nunuStudio 是一個(gè)Web 3D應(yīng)用程序的集成開(kāi)發(fā)環(huán)境,它提供用于在 3D 世界中創(chuàng)建和編輯對(duì)象的工具,支持JavaScript和Python對(duì)3D場(chǎng)景進(jìn)行二次開(kāi)發(fā)。nunuStudio中文版由BimAnt提供。
如果你曾經(jīng)使用過(guò)其他類(lèi)似的框架(unity、playcanvas、godot 等)或 3D 建模軟件(blender、maya、cinema4d 等),那么可能已經(jīng)熟悉以下一些概念。
一、編輯器布局簡(jiǎn)介
對(duì)象以樹(shù)結(jié)構(gòu)組織(在下面的紅色區(qū)域可見(jiàn)),每個(gè)對(duì)象都有子對(duì)象,它們繼承父對(duì)象的位置、比例和旋轉(zhuǎn)。如果移動(dòng)父對(duì)象,則子對(duì)象也隨之移動(dòng)。
可以在對(duì)象瀏覽器中鼠標(biāo)左鍵點(diǎn)擊來(lái)選中對(duì)象,當(dāng)對(duì)象被選中后,其屬性將顯示在下方(藍(lán)色)的面板中。在對(duì)象面板中,可以手動(dòng)更改對(duì)象的每個(gè)屬性(位置、名稱(chēng)、顏色等)。
窗口左側(cè)用于選擇工具和向場(chǎng)景添加對(duì)象,工具用于使用鼠標(biāo)更改對(duì)象屬性,有以下工具可用:
- 選擇工具,用鼠標(biāo)左鍵選擇對(duì)象,然后雙擊也可以選擇對(duì)象(即使選擇工具未激活)
- 旋轉(zhuǎn)工具,用于旋轉(zhuǎn)物體
- 移動(dòng)工具,用于移動(dòng)物體
- 調(diào)整大小工具,用于調(diào)整對(duì)象大小
在工具選擇下方,有對(duì)象添加區(qū)域,可以在其中選擇對(duì)象并將其添加到當(dāng)前在對(duì)象資源管理器中選擇的場(chǎng)景中。將鼠標(biāo)拖到每個(gè)選項(xiàng)上時(shí),會(huì)出現(xiàn)一個(gè)新框,顯示每個(gè)可用類(lèi)別的對(duì)象。
資源瀏覽器區(qū)域(綠色),用于管理所有可用資源(圖像、視頻、字體等),將新資源導(dǎo)入項(xiàng)目(單擊導(dǎo)入菜單或簡(jiǎn)單地將它們拖入資源瀏覽器)甚至將資源從項(xiàng)目導(dǎo)出到主機(jī)系統(tǒng)。
2、在場(chǎng)景中導(dǎo)航
鼠標(biāo)用于在場(chǎng)景編輯器中移動(dòng)攝像機(jī)。有兩種可用的導(dǎo)航模式,默認(rèn)情況下啟用自由導(dǎo)航模式。
- 要旋轉(zhuǎn)相機(jī),請(qǐng)按鼠標(biāo)左鍵并四處移動(dòng)鼠標(biāo)(相機(jī)的移動(dòng)方式類(lèi)似于 FPS 游戲中的相機(jī)移動(dòng)方式)。
- 要移動(dòng)相機(jī),請(qǐng)按鼠標(biāo)右鍵并移動(dòng)鼠標(biāo)
- 要垂直移動(dòng),請(qǐng)按鼠標(biāo)中鍵并上下移動(dòng)鼠標(biāo)
- 要拉近相機(jī),請(qǐng)使用鼠標(biāo)滾輪,或者如果你使用的是觸控板,請(qǐng)用手指捏合。
3、添加對(duì)象
要將你的第一個(gè)對(duì)象添加到場(chǎng)景中(讓我們以球體為例)將鼠標(biāo)移動(dòng)到左側(cè)欄中的第 5 個(gè)圖標(biāo),然后使用鼠標(biāo)左鍵選擇球體圖標(biāo)。
現(xiàn)在使用選擇工具選擇添加的對(duì)象,然后選擇移動(dòng)工具并嘗試移動(dòng)添加的對(duì)象。
4、編輯對(duì)象
將對(duì)象添加到編輯器后,我們可以更改其屬性,nunuStudio 中的所有對(duì)象都有名稱(chēng)、位置、旋轉(zhuǎn)和比例。
要選擇一個(gè)對(duì)象,你可以選擇右側(cè)欄中的選擇工具,然后單擊場(chǎng)景編輯器區(qū)域中對(duì)象的頂部,或者也可以單擊對(duì)象資源管理器中的對(duì)象。
選擇對(duì)象后,在左下角有一個(gè)可以更改的屬性列表。不同類(lèi)型的對(duì)象將具有不同的屬性。
5、資產(chǎn)管理
對(duì)象可以附加資產(chǎn),資產(chǎn)可以是圖像、視頻、紋理、動(dòng)畫(huà)等。在屏幕底部,我們有資產(chǎn)瀏覽器,可用于管理我們項(xiàng)目中的資產(chǎn)。
在資產(chǎn)瀏覽器上還有一個(gè)菜單,用于創(chuàng)建外部資源并將其導(dǎo)入項(xiàng)目。資產(chǎn)也可以在運(yùn)行時(shí)從外部源導(dǎo)入,我們將在接下來(lái)的教程中看到。
6、運(yùn)行程序
要測(cè)試程序,請(qǐng)按頂部欄上的運(yùn)行按鈕,或按 F5 鍵,要停止程序,請(qǐng)按停止按鈕或再次按 F5。
原文鏈接:http://www.bimant.com/blog/nunu-studio-chinese/