Staircase examples

jasonsturges · Nov 16, 2024 · cd086ed · cd086ed
1 parent 8e09a94
commit cd086ed
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 20 deletions.
diff --git 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/...ls/architecture/bifurcated-staircase.html → ...ls/architecture/staircase-bifurcated.html b/...ls/architecture/bifurcated-staircase.html → ...ls/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/...dels/architecture/l-shaped-staircase.html → ...dels/architecture/staircase-l-shaped.html b/...dels/architecture/l-shaped-staircase.html → ...dels/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/...models/architecture/spiral-staircase.html → ...models/architecture/staircase-spiral.html b/...models/architecture/spiral-staircase.html → ...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
@@ -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 });