Merge pull request #54 from canhorn/feature/interop-version-update_0.2.3

Updated Interop Version to 0.2.3

Author: canhorn

Sample/EventHorizon.Blazor.BabylonJS/Pages/MeshBuilderExample.razor

@@ -0,0 +1,7 @@
+@page "/mesh/builder"
+
+<h1>Mesh Builder!</h1>
+
+<div>
+    <canvas id="game-window" style="width:100%"></canvas>
+</div>

Sample/EventHorizon.Blazor.BabylonJS/Pages/MeshBuilderExample.razor.cs

@@ -0,0 +1,126 @@
+namespace EventHorizon.Blazor.BabylonJS.Pages
+{
+    using System;
+    using System.Collections.Generic;
+    using System.Threading.Tasks;
+    using BABYLON;
+    using EventHorizon.Blazor.BabylonJS.Model;
+    using EventHorizon.Blazor.Interop.Callbacks;
+
+    public partial class MeshBuilderExample : IDisposable
+    {
+        private Engine _engine;
+        protected override void OnAfterRender(bool firstRender)
+        {
+            if (firstRender)
+            {
+                CreateScene();
+            }
+        }
+
+        public void Dispose()
+        {
+            _engine?.dispose();
+        }
+
+        public void CreateScene()
+        {
+            var canvas = Canvas.GetElementById(
+                "game-window"
+            );
+            var engine = new Engine(
+                canvas,
+                true
+            );
+            var scene = new Scene(
+                engine
+            );
+            var light1 = new HemisphericLight(
+                "HemisphericLight",
+                new Vector3(1, 1, 0),
+                scene
+            );
+
+            var columns = 6m;
+            var rows = 1m;
+
+            var faceUV = new Vector4[6];
+
+            for (var i = 0; i < 6; i++)
+            {
+                faceUV[i] = new Vector4(
+                    i / columns,
+                    0, 
+                    (i + 1) / columns,
+                    1m / rows
+                );
+            }
+
+            var mat = new StandardMaterial(
+                "mat",
+                scene
+            );
+            var texture = new Texture(
+                scene,
+                "https://assets.babylonjs.com/environments/numbers.jpg"
+            );
+            mat.diffuseTexture = texture;
+
+            var alpha = 1;
+            var red = new Color4(
+                1,
+                0,
+                0,
+                alpha
+            );
+            var blue = new Color4(
+                0,
+                0,
+                1,
+                alpha
+            );
+            var green = new Color4(
+                0,
+                1,
+                0,
+                alpha
+                );
+
+            var options = new
+            {
+                faceUV,
+                wrap = true,
+                width = 1,
+                height = 2,
+                depth = 3,
+                faceColors = new List<Color4> { green, green, green, green, blue, red }
+            };
+
+            var box = MeshBuilder.CreateBox(
+                "box",
+                options,
+                scene
+            );
+            box.material = mat;
+
+            var camera = new ArcRotateCamera(
+                "ArcRotateCamera",
+                (decimal)(Math.PI / 2),
+                (decimal)(Math.PI / 4),
+                10,
+                new Vector3(0, 1, 0),
+                scene
+            );
+            scene.activeCamera = camera;
+            camera.attachControl(
+                false
+            );
+
+            engine.runRenderLoop(new ActionCallback(
+                () => Task.Run(() => scene.render(true, false))
+            ));
+
+            _engine = engine;
+        }
+    }
+}

Sample/EventHorizon.Blazor.BabylonJS/Pages/MeshExample.razor

@@ -1,6 +1,6 @@
-@page "/mesh"
+@page "/mesh/gltf"
 
-<h1>Mesh Loaded! Generated Code!</h1>
+<h1>glTF Mesh Loaded!</h1>
 
 <div>
     <canvas id="game-window" style="width:100%"></canvas>

Sample/EventHorizon.Blazor.BabylonJS/Pages/MeshExample.razor.cs

@@ -1,13 +1,11 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Threading.Tasks;
-using BABYLON;
-using EventHorizon.Blazor.BabylonJS.Model;
-using EventHorizon.Blazor.Interop.Callbacks;
-
 namespace EventHorizon.Blazor.BabylonJS.Pages
 {
+    using System;
+    using System.Threading.Tasks;
+    using BABYLON;
+    using EventHorizon.Blazor.BabylonJS.Model;
+    using EventHorizon.Blazor.Interop.Callbacks;
+
     public partial class MeshExample : IDisposable
     {
         private Engine _engine;
@@ -54,12 +52,13 @@ public void CreateScene()
                 ),
                 scene
             );
+
             var house = SceneLoader.ImportMesh(
-                null,
-                "assets/",
-                "House.gltf",
-                scene
-            );
+                    null,
+                    "assets/",
+                    "House.gltf",
+                    scene
+                );
             var freeCamera = new FreeCamera(
                 "FreeCamera",
                 new Vector3(

Sample/EventHorizon.Blazor.BabylonJS/Shared/NavMenu.razor

@@ -13,8 +13,13 @@
             </NavLink>
         </li>
         <li class="nav-item px-3">
-            <NavLink class="nav-link" href="mesh">
-                <span class="oi oi-home" aria-hidden="true"></span> Mesh
+            <NavLink class="nav-link" href="mesh/gltf">
+                <span class="oi oi-home" aria-hidden="true"></span> Mesh glTF
+            </NavLink>
+        </li>
+        <li class="nav-item px-3">
+            <NavLink class="nav-link" href="mesh/builder">
+                <span class="oi oi-home" aria-hidden="true"></span> Mesh Builder
             </NavLink>
         </li>
         <li class="nav-item px-3">