From cd086eda945083a8791ae5dbc9bfd642f37079af Mon Sep 17 00:00:00 2001
From: Jason Sturges <jason@jasonsturges.com>
Date: Sat, 16 Nov 2024 15:34:30 -0600
Subject: [PATCH] Staircase examples

---
 examples/index.html                                    | 10 ++++++----
 ...rcated-staircase.html => staircase-bifurcated.html} |  6 ++----
 ...l-shaped-staircase.html => staircase-l-shaped.html} |  6 ++----
 .../{spiral-staircase.html => staircase-spiral.html}   |  6 ++----
 examples/models/architecture/staircase.html            |  6 ++----
 5 files changed, 14 insertions(+), 20 deletions(-)
 rename examples/models/architecture/{bifurcated-staircase.html => staircase-bifurcated.html} (81%)
 rename examples/models/architecture/{l-shaped-staircase.html => staircase-l-shaped.html} (80%)
 rename examples/models/architecture/{spiral-staircase.html => staircase-spiral.html} (79%)

diff --git a/examples/index.html b/examples/index.html
index 63c13a5..2097026 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -15,11 +15,11 @@ <h2>Models</h2>
         <div>
           <header>Architecture</header>
           <ul>
-            <li><a href="/three-low-poly/models/architecture/bifurcated-staircase">Bifurcated Staircase</a></li>
             <li><a href="/three-low-poly/models/architecture/diorama">Diorama</a></li>
-            <li><a href="/three-low-poly/models/architecture/l-shaped-staircase">L-Shaped Staircase</a></li>
             <li><a href="/three-low-poly/models/architecture/staircase">Staircase</a></li>
-            <li><a href="/three-low-poly/models/architecture/spiral-staircase">Spiral Staircase</a></li>
+            <li><a href="/three-low-poly/models/architecture/staircase-bifurcated">Staircase (Bifurcated)</a></li>
+            <li><a href="/three-low-poly/models/architecture/staircase-l-shaped">Staircase (L-Shaped)</a></li>
+            <li><a href="/three-low-poly/models/architecture/staircase-spiral">Staircase (Spiral)</a></li>
           </ul>
         </div>
 
@@ -188,7 +188,9 @@ <h2>Reference</h2>
             <li><a href="/three-low-poly/reference/easing-lines">Easing (Lines)</a></li>
             <li><a href="/three-low-poly/reference/easing-lathe">Easing (Lathe)</a></li>
             <li><a href="/three-low-poly/reference/interpolate-curve-lathe-points">Interpolate Curve (Lathe Points)</a></li>
-            <li><a href="/three-low-poly/reference/interpolate-curve-lathe-catmull-rom">Interpolate Curve (Lathe Catmull-Rom)</a></li>
+            <li>
+              <a href="/three-low-poly/reference/interpolate-curve-lathe-catmull-rom">Interpolate Curve (Lathe Catmull-Rom)</a>
+            </li>
             <li><a href="/three-low-poly/reference/lights">Lights</a></li>
             <li><a href="/three-low-poly/reference/material-standard">Material Standard (Metalness)</a></li>
             <li><a href="/three-low-poly/reference/material-physics-clearcoat">Material Physics (Clearcoat)</a></li>
diff --git a/examples/models/architecture/bifurcated-staircase.html b/examples/models/architecture/staircase-bifurcated.html
similarity index 81%
rename from examples/models/architecture/bifurcated-staircase.html
rename to examples/models/architecture/staircase-bifurcated.html
index 310e148..99105a7 100644
--- a/examples/models/architecture/bifurcated-staircase.html
+++ b/examples/models/architecture/staircase-bifurcated.html
@@ -17,11 +17,9 @@
     <script type="module">
       import * as THREE from "three";
       import { BifurcatedStaircaseGeometry } from "../../../src/index.js";
-      import { createOrbitScene } from "../../utils/orbitScene.js";
+      import { createOrthographicScene } from "../../utils/orthographicScene.js";
 
-      const { scene, camera, controls } = createOrbitScene();
-      camera.position.set(0, 1, 2);
-      controls.target.set(0, 1, 0);
+      const { scene, camera, controls } = createOrthographicScene();
 
       const bifurcatedStaircaseGeometry = new BifurcatedStaircaseGeometry(2, 0.3, 0.5, 5, 5, Math.PI / 4);
       const material = new THREE.MeshStandardMaterial({ color: 0x8b4513, side: THREE.DoubleSide });
diff --git a/examples/models/architecture/l-shaped-staircase.html b/examples/models/architecture/staircase-l-shaped.html
similarity index 80%
rename from examples/models/architecture/l-shaped-staircase.html
rename to examples/models/architecture/staircase-l-shaped.html
index f1c4d6d..c26b881 100644
--- a/examples/models/architecture/l-shaped-staircase.html
+++ b/examples/models/architecture/staircase-l-shaped.html
@@ -17,11 +17,9 @@
     <script type="module">
       import * as THREE from "three";
       import { LShapedStaircaseGeometry } from "../../../src/index.js";
-      import { createOrbitScene } from "../../utils/orbitScene.js";
+      import { createOrthographicScene } from "../../utils/orthographicScene.js";
 
-      const { scene, camera, controls } = createOrbitScene();
-      camera.position.set(0, 1, 2);
-      controls.target.set(0, 1, 0);
+      const { scene, camera, controls } = createOrthographicScene();
 
       const lShapedStaircaseGeometry = new LShapedStaircaseGeometry(2, 0.3, 0.5, 5, 2);
       const material = new THREE.MeshStandardMaterial({ color: 0x8b4513, side: THREE.DoubleSide });
diff --git a/examples/models/architecture/spiral-staircase.html b/examples/models/architecture/staircase-spiral.html
similarity index 79%
rename from examples/models/architecture/spiral-staircase.html
rename to examples/models/architecture/staircase-spiral.html
index 6f87d67..e8415da 100644
--- a/examples/models/architecture/spiral-staircase.html
+++ b/examples/models/architecture/staircase-spiral.html
@@ -17,11 +17,9 @@
     <script type="module">
       import * as THREE from "three";
       import { SpiralStaircaseGeometry } from "../../../src/index.js";
-      import { createOrbitScene } from "../../utils/orbitScene.js";
+      import { createOrthographicScene } from "../../utils/orthographicScene.js";
 
-      const { scene, camera, controls } = createOrbitScene();
-      camera.position.set(0, 3, 5);
-      controls.target.set(0, 2, 0);
+      const { scene, camera, controls } = createOrthographicScene();
 
       const spiralStaircaseGeometry = new SpiralStaircaseGeometry(2, 0.8, 0.2, 20, 1, Math.PI / 8);
       const material = new THREE.MeshStandardMaterial({ color: 0x8b4513, side: THREE.DoubleSide });
diff --git a/examples/models/architecture/staircase.html b/examples/models/architecture/staircase.html
index fa43d38..90d417d 100644
--- a/examples/models/architecture/staircase.html
+++ b/examples/models/architecture/staircase.html
@@ -17,11 +17,9 @@
     <script type="module">
       import * as THREE from "three";
       import { StaircaseGeometry } from "../../../src/index.js";
-      import { createOrbitScene } from "../../utils/orbitScene.js";
+      import { createOrthographicScene } from "../../utils/orthographicScene.js";
 
-      const { scene, camera, controls } = createOrbitScene();
-      camera.position.set(0, 1, 2);
-      controls.target.set(0, 1, 0);
+      const { scene, camera, controls } = createOrthographicScene();
 
       const staircaseGeometry = new StaircaseGeometry(2, 0.3, 0.5, 10);
       const material = new THREE.MeshStandardMaterial({ color: 0x8b4513, side: THREE.DoubleSide });