Add model to the menu

Author: yuripourre

css/svg/model.svg

@@ -274,6 +274,7 @@ export class MainToolbar extends React.Component<IToolbarProps, IToolbarState> {
                 <MenuItem text="Sphere" icon={<Icon src="circle.svg" />} onClick={() => this._onAddMeshClicked("sphere", parent)} />
                 <MenuItem text="Cylinder" icon={<Icon src="cylinder.svg" />} onClick={() => this._onAddMeshClicked("cylinder", parent)} />
                 <MenuItem text="Plane" icon={<Icon src="square-full.svg" />} onClick={() => this._onAddMeshClicked("plane", parent)} />
+                <MenuItem text="Model" icon={<Icon src="model.svg" />} onClick={() => this._onAddMeshClicked("model", parent)} />
                 <MenuDivider />
                 <MenuItem text="Ground" icon={<Icon src="vector-square.svg" />} onClick={() => this._onAddMeshClicked("ground", parent)} />
                 <MenuItem text="Terrain From Height Map..." icon={<Icon src="terrain.svg" style={{ filter: "none" }} />} onClick={() => this._onAddMeshClicked("heightmap", parent)} />
@@ -482,6 +483,7 @@ export class MainToolbar extends React.Component<IToolbarProps, IToolbarState> {
             case "sphere": mesh = SceneFactory.AddSphere(this._editor); break;
             case "cylinder": mesh = SceneFactory.AddCynlinder(this._editor); break;
             case "plane": mesh = SceneFactory.AddPlane(this._editor); break;
+            case "model": mesh = await SceneFactory.AddModel(this._editor); break;
 
             case "ground": mesh = SceneFactory.AddGround(this._editor); break;
             case "heightmap": mesh = await SceneFactory.AddTerrainFromHeightMap(this._editor); break;

src/renderer/editor/components/main-toolbar.tsx

@@ -1,6 +1,7 @@
 import { extname, join } from "path";
 import { writeJSON } from "fs-extra";
 import filenamify from "filenamify";
+import "@babylonjs/loaders";
 
 import {
     Mesh,
@@ -9,6 +10,7 @@ import {
     Vector3,
     FreeCamera, ArcRotateCamera,
     Texture, VertexData, Color3, ReflectionProbe, TargetCamera,
+    SceneLoader,
 } from "babylonjs";
 import { SkyMaterial } from "babylonjs-materials";
 
@@ -79,6 +81,20 @@ export class SceneFactory {
         return this._ConfigureNode(Mesh.CreateGround("New Ground", 512, 512, 32, editor.scene!, true) as GroundMesh);
     }
 
+    /**
+     * Adds a new ground to the scene.
+     * @param editor the editor reference.
+     */
+    public static async AddModel(editor: Editor): Promise<Mesh> {
+        const fileObject = await Tools.ShowNativeOpenFileDialog();
+        if (!fileObject) {
+            throw new Error("Can't create model with no file selected");
+        }
+
+        const scene = await SceneLoader.ImportMeshAsync("", "", fileObject, editor.scene!, null, extname(fileObject.name));
+        return this._ConfigureNode(scene.meshes[0] as Mesh);
+    }
+
     /**
      * 
      * @param editor the editor reference.