Camera and orbit controls information (#28)

Author: simutaroman

doc/Blazor3D.xml

@@ -6,8 +6,8 @@
     public class WebGLRendererSettings
     {
         /// <summary>
-        /// Whether to perform antialiasing. Default is false.
+        /// Whether to perform antialiasing. Default is true.
         /// </summary>
-        public bool Antialias { get; set; } = false;
+        public bool Antialias { get; set; } = true;
     }
 }

src/dotnet/Blazor3D/Blazor3D/Settings/WebGLRendererSettings.cs

@@ -7,7 +7,6 @@
 using Newtonsoft.Json;
 using Blazor3D.Maths;
 using Blazor3D.Objects;
-using Blazor3D.Enums;
 using Blazor3D.Lights;
 using Blazor3D.ComponentHelpers;
 using Blazor3D.Events;
@@ -133,6 +132,15 @@ public async Task UpdateCamera(Camera camera)
             await bundleModule.InvokeVoidAsync("updateCamera", json);
         }
 
+        /// <summary>
+        /// Prints information about current camera and orbit controls into browser console.
+        /// </summary>
+        /// <returns>Task</returns>
+        public async Task ShowCurrentCameraInfo()
+        {
+            await bundleModule.InvokeVoidAsync("showCurrentCameraInfo");
+        }
+
         [JSInvokable]
         public static Task<string> ReceiveSelectedObjectUUID(string containerId, string uuid)
         {

src/dotnet/Blazor3D/Blazor3D/Viewers/Viewer.razor.cs

@@ -22,6 +22,7 @@
         <button @onclick="OnLoadObjButtonClick">Load OBJ</button>
         <button @onclick="OnClearAllClick">ClearAll</button>
         <button @onclick="OnClearLast">RemoveLast</button>
+        <button @onclick="OnShowCameraInfo">ShowCameraInfo</button>
     </div>
     <div>@selectionMsg</div>
 </div>
@@ -78,12 +79,12 @@
 
     private async Task OnModuleLoaded()
     {
-       //await View3D1.Import3DModelAsync(
-       //   Import3DFormats.Fbx,
-       //   "https://threejs.org/examples/models/fbx/Samba%20Dancing.fbx",
-       //   null,
-       //   loadedObjectGuid);
-       // await View3D1.SetCameraPositionAsync(new Vector3(0, 100, 250), new Vector3(0, 50, 0));
+        //await View3D1.Import3DModelAsync(
+        //   Import3DFormats.Fbx,
+        //   "https://threejs.org/examples/models/fbx/Samba%20Dancing.fbx",
+        //   null,
+        //   loadedObjectGuid);
+        // await View3D1.SetCameraPositionAsync(new Vector3(0, 100, 250), new Vector3(0, 50, 0));
     }
 
     private void AddLights()
@@ -344,11 +345,16 @@
             await View3D1.RemoveByUuidAsync(last.Uuid);
         }
     }
-     public void Dispose()
-        {
-            View3D1.ObjectSelected -= OnObjectSelected;
-            View3D1.ObjectLoaded -= OnObjectLoaded;
-            View3D1.JsModuleLoaded -= OnModuleLoaded;
-        }
+
+    private async Task OnShowCameraInfo()
+    {
+        await View3D1.ShowCurrentCameraInfo();
+    }
+    public void Dispose()
+    {
+        View3D1.ObjectSelected -= OnObjectSelected;
+        View3D1.ObjectLoaded -= OnObjectLoaded;
+        View3D1.JsModuleLoaded -= OnModuleLoaded;
+    }
 }
 

src/dotnet/Blazor3D/Blazor3D/wwwroot/js/bundle.js

@@ -30,7 +30,6 @@ class HelperBuilder {
     }
 
     if (options.type == "AxesHelper") {
-      console.log(options);
       const axes = new THREE.AxesHelper(options.size);
       axes.uuid = options.uuid;
       Transforms.setPosition(axes, options.position);
@@ -65,7 +64,6 @@ class HelperBuilder {
     }
 
     if (options.type == "PolarGridHelper") {
-      console.log(options);
       const grid = new THREE.PolarGridHelper(
         options.radius,
         options.radials,
@@ -82,7 +80,6 @@ class HelperBuilder {
     }
 
     if (options.type == "PlaneHelper") {
-      console.log(options);
       let { x, y, z } = options.plane.normal;
       let normal = new THREE.Vector3(x, y, z);
       let plane = new THREE.Plane(normal, options.plane.constant);

src/dotnet/Blazor3D/TestServer/Pages/Page2.razor

@@ -16,7 +16,6 @@ class LightBuilder {
       options.decay
     );
     light.uuid = options.uuid;
-    console.log("plight", light.uuid);
     Transforms.setPosition(light, options.position);
     return light;
   }

src/javascript/Builders/HelperBuilder.js

@@ -8,8 +8,7 @@ class MaterialBuilder {
         flatShading : options.flatShading,
         metalness: options.metalness,
         roughness: options.roughness,
-        wireframe: options.wireframe,
-        wireframeLinewidth: options.wireframeLinewidth
+        wireframe: options.wireframe
       });
       material.uuid = options.uuid;
       return material;

src/javascript/Builders/LightBuilder.js

@@ -21,7 +21,6 @@ function saveArrayBuffer(buffer, filename) {
 
 class Exporters {
   static exportOBJ(input) {
-    console.log("export as obj");
     const objExporter = new OBJExporter();
     const result = objExporter.parse(input);
     saveString(result, "scene.obj");
@@ -31,10 +30,8 @@ class Exporters {
     const gltfExporter = new GLTFExporter();
     gltfExporter.parse(input, function (result) {
       if (result instanceof ArrayBuffer) {
-        console.log("export as glb");
         saveArrayBuffer(result, "scene.glb");
       } else {
-        console.log("export as gltf");
         const output = JSON.stringify(result, null, 2);
         saveString(output, "scene.gltf");
       }

src/javascript/Builders/MaterialBuilder.js

@@ -136,6 +136,11 @@ class Viewer3D {
     this.setOrbitControls();
   }
 
+  showCurrentCameraInfo() {
+    console.log('Current camera info:', this.camera);
+    console.log('Orbit controls info:', this.controls);
+  }
+
   setOrbitControls() {
     this.controls = new OrbitControls(this.camera, this.renderer.domElement);
     this.controls.screenSpacePanning = true;