nunuStudio 是一個Web 3D應用程序的集成開發(fā)環(huán)境，它提供用于在 3D 世界中創(chuàng)建和編輯對象的工具，支持JavaScript和Python對3D場景進行二次開發(fā)。nunuStudio中文版由BimAnt提供。

如果你曾經(jīng)使用過其他類似的框架（unity、playcanvas、godot 等）或 3D 建模軟件（blender、maya、cinema4d 等），那么可能已經(jīng)熟悉以下一些概念。

一、編輯器布局簡介

對象以樹結(jié)構(gòu)組織（在下面的紅色區(qū)域可見），每個對象都有子對象，它們繼承父對象的位置、比例和旋轉(zhuǎn)。如果移動父對象，則子對象也隨之移動。

可以在對象瀏覽器中鼠標左鍵點擊來選中對象，當對象被選中后，其屬性將顯示在下方（藍色）的面板中。在對象面板中，可以手動更改對象的每個屬性（位置、名稱、顏色等）。

窗口左側(cè)用于選擇工具和向場景添加對象，工具用于使用鼠標更改對象屬性，有以下工具可用：

• 選擇工具，用鼠標左鍵選擇對象，然后雙擊也可以選擇對象（即使選擇工具未激活）
• 旋轉(zhuǎn)工具，用于旋轉(zhuǎn)物體
• 移動工具，用于移動物體
• 調(diào)整大小工具，用于調(diào)整對象大小

在工具選擇下方，有對象添加區(qū)域，可以在其中選擇對象并將其添加到當前在對象資源管理器中選擇的場景中。將鼠標拖到每個選項上時，會出現(xiàn)一個新框，顯示每個可用類別的對象。

資源瀏覽器區(qū)域（綠色），用于管理所有可用資源（圖像、視頻、字體等），將新資源導入項目（單擊導入菜單或簡單地將它們拖入資源瀏覽器）甚至將資源從項目導出到主機系統(tǒng)。

2、在場景中導航

鼠標用于在場景編輯器中移動攝像機。有兩種可用的導航模式，默認情況下啟用自由導航模式。

• 要旋轉(zhuǎn)相機，請按鼠標左鍵并四處移動鼠標（相機的移動方式類似于 FPS 游戲中的相機移動方式）。
• 要移動相機，請按鼠標右鍵并移動鼠標
• 要垂直移動，請按鼠標中鍵并上下移動鼠標
• 要拉近相機，請使用鼠標滾輪，或者如果你使用的是觸控板，請用手指捏合。

3、添加對象

要將你的第一個對象添加到場景中（讓我們以球體為例）將鼠標移動到左側(cè)欄中的第 5 個圖標，然后使用鼠標左鍵選擇球體圖標。

現(xiàn)在使用選擇工具選擇添加的對象，然后選擇移動工具并嘗試移動添加的對象。

4、編輯對象

將對象添加到編輯器后，我們可以更改其屬性，nunuStudio 中的所有對象都有名稱、位置、旋轉(zhuǎn)和比例。

要選擇一個對象，你可以選擇右側(cè)欄中的選擇工具，然后單擊場景編輯器區(qū)域中對象的頂部，或者也可以單擊對象資源管理器中的對象。

選擇對象后，在左下角有一個可以更改的屬性列表。不同類型的對象將具有不同的屬性。

5、資產(chǎn)管理

對象可以附加資產(chǎn)，資產(chǎn)可以是圖像、視頻、紋理、動畫等。在屏幕底部，我們有資產(chǎn)瀏覽器，可用于管理我們項目中的資產(chǎn)。

在資產(chǎn)瀏覽器上還有一個菜單，用于創(chuàng)建外部資源并將其導入項目。資產(chǎn)也可以在運行時從外部源導入，我們將在接下來的教程中看到。

6、運行程序

要測試程序，請按頂部欄上的運行按鈕，或按 F5 鍵，要停止程序，請按停止按鈕或再次按 F5。

原文鏈接：http://www.bimant.com/blog/nunu-studio-chinese/