support topology-only outputs

src/routes/Vote.svelte

@@ -212,29 +212,31 @@
                     <p>vertex count: {viewerA.vertexCount}</p>
                 {/if}
             </div>
-            <div class="mode-toggle">
-                <label>
-                    <input
-                        type="radio"
-                        name="modeA"
-                        value="default"
-                        checked
-                        bind:this={normalToggleA}
-                        on:change={() => setRenderMode(viewerA, "default")}
-                    />
-                    <Cube class="mode-toggle-icon" />
-                </label>
-                <label>
-                    <input
-                        type="radio"
-                        name="modeA"
-                        value="wireframe"
-                        bind:this={wireframeToggleA}
-                        on:change={() => setRenderMode(viewerA, "wireframe")}
-                    />
-                    <WatsonHealth3DPrintMesh class="mode-toggle-icon" />
-                </label>
-            </div>
+            {#if viewerA && !viewerA.topoOnly}
+                <div class="mode-toggle">
+                    <label>
+                        <input
+                            type="radio"
+                            name="modeA"
+                            value="default"
+                            checked
+                            bind:this={normalToggleA}
+                            on:change={() => setRenderMode(viewerA, "default")}
+                        />
+                        <Cube class="mode-toggle-icon" />
+                    </label>
+                    <label>
+                        <input
+                            type="radio"
+                            name="modeA"
+                            value="wireframe"
+                            bind:this={wireframeToggleA}
+                            on:change={() => setRenderMode(viewerA, "wireframe")}
+                        />
+                        <WatsonHealth3DPrintMesh class="mode-toggle-icon" />
+                    </label>
+                </div>
+            {/if}
         </div>
         <div bind:this={containerB} class="canvas-container">
             <div bind:this={overlayB} class="loading-overlay">
@@ -249,29 +251,31 @@
                     <p>vertex count: {viewerB.vertexCount}</p>
                 {/if}
             </div>
-            <div class="mode-toggle">
-                <label>
-                    <input
-                        type="radio"
-                        name="modeB"
-                        value="default"
-                        checked
-                        bind:this={normalToggleB}
-                        on:change={() => setRenderMode(viewerB, "default")}
-                    />
-                    <Cube class="mode-toggle-icon" />
-                </label>
-                <label>
-                    <input
-                        type="radio"
-                        name="modeB"
-                        value="wireframe"
-                        bind:this={wireframeToggleB}
-                        on:change={() => setRenderMode(viewerB, "wireframe")}
-                    />
-                    <WatsonHealth3DPrintMesh class="mode-toggle-icon" />
-                </label>
-            </div>
+            {#if viewerB && !viewerB.topoOnly}
+                <div class="mode-toggle">
+                    <label>
+                        <input
+                            type="radio"
+                            name="modeB"
+                            value="default"
+                            checked
+                            bind:this={normalToggleB}
+                            on:change={() => setRenderMode(viewerB, "default")}
+                        />
+                        <Cube class="mode-toggle-icon" />
+                    </label>
+                    <label>
+                        <input
+                            type="radio"
+                            name="modeB"
+                            value="wireframe"
+                            bind:this={wireframeToggleB}
+                            on:change={() => setRenderMode(viewerB, "wireframe")}
+                        />
+                        <WatsonHealth3DPrintMesh class="mode-toggle-icon" />
+                    </label>
+                </div>
+            {/if}
         </div>
     </div>
     {#if !voteOverlay}

src/routes/viewers/BabylonViewer.ts

@@ -11,6 +11,7 @@ export class BabylonViewer implements IViewer {
     camera: BABYLON.ArcRotateCamera;
 
     vertexCount: number = 0;
+    topoOnly: boolean = false;
 
     private _originalMaterials: Map<BABYLON.AbstractMesh, BABYLON.Material> = new Map();
     private _originalVertexColors: Map<BABYLON.AbstractMesh, BABYLON.Nullable<BABYLON.FloatArray>> = new Map();
@@ -54,7 +55,6 @@ export class BabylonViewer implements IViewer {
         this._wireframeMaterial = new BABYLON.StandardMaterial("wireframe", this.scene);
         this._wireframeMaterial.diffuseColor = new BABYLON.Color3(0, 0, 0);
         this._wireframeMaterial.emissiveColor = new BABYLON.Color3(0.7, 0.7, 0.7);
-        this._wireframeMaterial.zOffset = 1;
         this._wireframeMaterial.disableLighting = true;
         this._wireframeMaterial.wireframe = true;
 
@@ -71,7 +71,9 @@ export class BabylonViewer implements IViewer {
         this.engine.resize();
     }
 
-    async loadScene(url: string, loadingBarCallback?: (progress: number) => void) {
+    async loadScene(url: string, loadingBarCallback?: (progress: number) => void, topoOnly?: boolean) {
+        this.topoOnly = topoOnly ?? false;
+
         // Load scene
         await BABYLON.SceneLoader.AppendAsync("", url, this.scene, (event) => {
             const progress = event.loaded / event.total;
@@ -131,6 +133,10 @@ export class BabylonViewer implements IViewer {
         parentNode.position = center.scale(-1 * scaleFactor);
         parentNode.scaling.scaleInPlace(scaleFactor);
 
+        if (this.topoOnly) {
+            this.setRenderMode("wireframe");
+        }
+
         // Run render loop
         this.engine.runRenderLoop(() => {
             this.scene.render();

src/routes/viewers/IViewer.ts

@@ -1,6 +1,7 @@
 export interface IViewer {
     vertexCount: number;
-    loadScene(url: string, onProgress?: (progress: number) => void): Promise<void>;
+    topoOnly: boolean;
+    loadScene(url: string, onProgress?: (progress: number) => void, topoOnly?: boolean): Promise<void>;
     dispose(): void;
     capture(): Promise<string | null>;
     setRenderMode(mode: string): void;

src/routes/viewers/SplatViewer.ts

@@ -11,6 +11,7 @@ export class SplatViewer implements IViewer {
     splat: SPLAT.Splat | null;
 
     disposed: boolean = false;
+    topoOnly: boolean = false;
 
     vertexCount: number = 0;
 
@@ -29,7 +30,9 @@ export class SplatViewer implements IViewer {
         this.handleResize = this.handleResize.bind(this);
     }
 
-    async loadScene(url: string, loadingBarCallback?: (progress: number) => void) {
+    async loadScene(url: string, loadingBarCallback?: (progress: number) => void, topoOnly?: boolean) {
+        this.topoOnly = topoOnly ?? false;
+
         if (url.endsWith(".splat")) {
             this.splat = await SPLAT.Loader.LoadAsync(url, this.scene, (progress) => {
                 loadingBarCallback?.(progress);

src/routes/viewers/ViewerFactory.ts

@@ -18,6 +18,7 @@ export async function createViewer(
     } else {
         throw new Error("Unsupported file format");
     }
-    await viewer.loadScene(url, onProgress);
+    const topoOnly: boolean = url.endsWith(".obj");
+    await viewer.loadScene(url, onProgress, topoOnly);
     return viewer;
 }