Examples

Center updates
jasonsturges · Nov 30, 2024 · 8ec0e68 · 8ec0e68
1 parent 319e78c
commit 8ec0e68
Show file tree

Hide file tree

Showing 30 changed files with 73 additions and 73 deletions.
diff --git a/examples/animators/emissive-pulse.html b/examples/animators/emissive-pulse.html
@@ -18,7 +18,7 @@
     <script type="module">
       import * as THREE from "three";
       import GUI from "lil-gui";
-      import { EmissivePulseAnimation, PanelLight, centerMesh } from "../../src/index.js";
+      import { EmissivePulseAnimation, PanelLight, centerObject } from "../../src/index.js";
       import { createOrbitScene } from "../utils/orbitScene.js";
 
       const { scene, camera, handlers } = createOrbitScene();
@@ -37,7 +37,7 @@
         emissive: params.emissive,
       });
       scene.add(panelLight);
-      centerMesh(panelLight);
+      centerObject(panelLight);
 
       const pulseAnimation = new EmissivePulseAnimation({
         material: panelLight.material,

diff --git a/examples/effects/bubbling.html b/examples/effects/bubbling.html
@@ -18,7 +18,7 @@
     <script type="module">
       import * as THREE from "three";
       import GUI from "lil-gui";
-      import { BubblingEffect, centerInstancedMesh } from "../../src/index.js";
+      import { BubblingEffect, centerObject } from "../../src/index.js";
       import { createOrbitScene } from "../utils/orbitScene.js";
 
       const { scene, camera, handlers } = createOrbitScene();
@@ -47,7 +47,7 @@
         ...params,
       });
       scene.add(bubblingEffect);
-      centerInstancedMesh(bubblingEffect);
+      centerObject(bubblingEffect);
       handlers.push(() => bubblingEffect.update());
 
       gui.title("Bubbling Effect");
@@ -69,7 +69,7 @@
           depth: params.depth,
         });
         scene.add(bubblingEffect);
-        centerInstancedMesh(bubblingEffect);
+        centerObject(bubblingEffect);
         handlers.push(() => bubblingEffect.update());
       }
     </script>

diff --git a/examples/effects/leaf.html b/examples/effects/leaf.html
@@ -18,7 +18,7 @@
     <script type="module">
       import * as THREE from "three";
       import GUI from "lil-gui";
-      import { EllipticLeafGeometry, LeafEffect, centerInstancedMesh } from "../../src/index.js";
+      import { EllipticLeafGeometry, LeafEffect, centerObject } from "../../src/index.js";
       import { createOrbitScene } from "../utils/orbitScene.js";
 
       const { scene, camera, handlers } = createOrbitScene();
@@ -47,7 +47,7 @@
         ...params
       });
       scene.add(leafEffect);
-      centerInstancedMesh(leafEffect);
+      centerObject(leafEffect);
       handlers.push(() => leafEffect.update());
 
       gui.title("Leaf Effect");
@@ -69,7 +69,7 @@
           depth: params.depth,
         });
         scene.add(leafEffect);
-        centerInstancedMesh(leafEffect);
+        centerObject(leafEffect);
         handlers.push(() => leafEffect.update());
       }
     </script>

diff --git a/examples/factory/row-of-books-by-count.html b/examples/factory/row-of-books-by-count.html
@@ -18,7 +18,7 @@
     <script type="module">
       import * as THREE from "three";
       import GUI from "lil-gui";
-      import { centerInstancedMesh, rowOfBooksByCount } from "../../src/index.js";
+      import { centerObject, rowOfBooksByCount } from "../../src/index.js";
       import { createOrbitScene } from "../utils/orbitScene.js";
 
       const { scene, camera } = createOrbitScene();
@@ -65,7 +65,7 @@
           ...params,
         });
         mesh.rotation.y = Math.PI / 2;
-        centerInstancedMesh(mesh);
+        centerObject(mesh);
         scene.add(mesh);
       }
     </script>

diff --git a/examples/factory/row-of-books-by-length.html b/examples/factory/row-of-books-by-length.html
@@ -18,7 +18,7 @@
     <script type="module">
       import * as THREE from "three";
       import GUI from "lil-gui";
-      import { centerInstancedMesh, rowOfBooksByLength } from "../../src/index.js";
+      import { centerObject, rowOfBooksByLength } from "../../src/index.js";
       import { createOrbitScene } from "../utils/orbitScene.js";
 
       const { scene, camera } = createOrbitScene();
@@ -65,7 +65,7 @@
           ...params,
         });
         mesh.rotation.y = Math.PI / 2;
-        centerInstancedMesh(mesh);
+        centerObject(mesh);
         scene.add(mesh);
       }
     </script>

diff --git a/examples/models/books/book.html b/examples/models/books/book.html
@@ -17,14 +17,14 @@
   <body>
     <script type="module">
       import GUI from "lil-gui";
-      import { Book, centerMesh } from "../../../src/index.js";
+      import { Book, centerObject } from "../../../src/index.js";
       import { createOrbitScene } from "../../utils/orbitScene.js";
 
       const { scene } = createOrbitScene();
 
       let book = new Book();
       scene.add(book);
-      centerMesh(book);
+      centerObject(book);
 
       // Create the lil-gui panel
       const gui = new GUI();
@@ -57,7 +57,7 @@
           coverColor: params.coverColor,
           pageColor: params.pageColor,
         });
-        centerMesh(book);
+        centerObject(book);
         scene.add(book);
       }
     </script>

diff --git a/examples/models/bottles/jar.html b/examples/models/bottles/jar.html
@@ -15,14 +15,14 @@
   </head>
   <body>
     <script type="module">
-      import { Jar, centerMesh } from "../../../src/index.js";
+      import { Jar, centerObject } from "../../../src/index.js";
       import { createOrbitScene } from "../../utils/orbitScene.js";
 
       const { scene } = createOrbitScene();
 
       const jar = new Jar();
       scene.add(jar);
-      centerMesh(jar);
+      centerObject(jar);
     </script>
   </body>
 </html>
diff --git a/examples/models/bottles/potion-bottle.html b/examples/models/bottles/potion-bottle.html
@@ -15,14 +15,14 @@
   </head>
   <body>
     <script type="module">
-      import { PotionBottle, centerMesh } from "../../../src/index.js";
+      import { PotionBottle, centerObject } from "../../../src/index.js";
       import { createOrbitScene } from "../../utils/orbitScene.js";
 
       const { scene } = createOrbitScene();
 
       const potionBottle = new PotionBottle();
       scene.add(potionBottle);
-      centerMesh(potionBottle);
+      centerObject(potionBottle);
     </script>
   </body>
 </html>
diff --git a/examples/models/bottles/wine-bottle.html b/examples/models/bottles/wine-bottle.html
@@ -15,15 +15,15 @@
   </head>
   <body>
     <script type="module">
-      import { DaySkybox, WineBottle, centerMesh } from "../../../src/index.js";
+      import { DaySkybox, WineBottle, centerObject } from "../../../src/index.js";
       import { createOrbitScene } from "../../utils/orbitScene.js";
 
       const { scene } = createOrbitScene();
       scene.add(new DaySkybox());
 
       const wineBottle = new WineBottle();
       scene.add(wineBottle);
-      centerMesh(wineBottle);
+      centerObject(wineBottle);
     </script>
   </body>
 </html>
diff --git a/examples/models/cemetery/cross-headstone.html b/examples/models/cemetery/cross-headstone.html
@@ -16,14 +16,14 @@
   <body>
     <script type="module">
       import GUI from "lil-gui";
-      import { CrossHeadstone, CrossHeadstoneGeometry, centerMesh } from "../../../src/index.js";
+      import { CrossHeadstone, CrossHeadstoneGeometry, centerObject } from "../../../src/index.js";
       import { createOrbitScene } from "../../utils/orbitScene.js";
 
       const { scene, camera } = createOrbitScene();
 
       let crossHeadstone = new CrossHeadstone();
       scene.add(crossHeadstone);
-      centerMesh(crossHeadstone);
+      centerObject(crossHeadstone);
 
       const gui = new GUI();
       const params = {

diff --git a/examples/models/cemetery/mausoleum.html b/examples/models/cemetery/mausoleum.html
@@ -15,15 +15,15 @@
   </head>
   <body>
     <script type="module">
-      import { Mausoleum, centerMesh } from "../../../src/index.js";
+      import { Mausoleum, centerObject } from "../../../src/index.js";
       import { createOrbitScene } from "../../utils/orbitScene.js";
 
       const { scene, camera } = createOrbitScene();
       camera.position.set(0, 0, 10);
 
       const mausoleum = new Mausoleum();
       scene.add(mausoleum);
-      centerMesh(mausoleum);
+      centerObject(mausoleum);
     </script>
   </body>
 </html>
diff --git a/examples/models/cemetery/obelisk-headstone.html b/examples/models/cemetery/obelisk-headstone.html
@@ -16,14 +16,14 @@
   <body>
     <script type="module">
       import GUI from "lil-gui";
-      import { ObeliskHeadstone, ObeliskHeadstoneGeometry, centerMesh } from "../../../src/index.js";
+      import { ObeliskHeadstone, ObeliskHeadstoneGeometry, centerObject } from "../../../src/index.js";
       import { createOrbitScene } from "../../utils/orbitScene.js";
 
       const { scene, camera } = createOrbitScene();
 
       let crossHeadstone = new ObeliskHeadstone();
       scene.add(crossHeadstone);
-      centerMesh(crossHeadstone);
+      centerObject(crossHeadstone);
 
       const gui = new GUI();
       const params = {

diff --git a/examples/models/cemetery/rounded-headstone.html b/examples/models/cemetery/rounded-headstone.html
@@ -16,14 +16,14 @@
   <body>
     <script type="module">
       import GUI from "lil-gui";
-      import { RoundedHeadstone, RoundedHeadstoneGeometry, centerMesh } from "../../../src/index.js";
+      import { RoundedHeadstone, RoundedHeadstoneGeometry, centerObject } from "../../../src/index.js";
       import { createOrbitScene } from "../../utils/orbitScene.js";
 
       const { scene, camera } = createOrbitScene();
 
       let roundedHeadstone = new RoundedHeadstone();
       scene.add(roundedHeadstone);
-      centerMesh(roundedHeadstone);
+      centerObject(roundedHeadstone);
 
       const gui = new GUI();
       const params = {

diff --git a/examples/models/cemetery/square-headstone.html b/examples/models/cemetery/square-headstone.html
@@ -16,14 +16,14 @@
   <body>
     <script type="module">
       import GUI from "lil-gui";
-      import { SquareHeadstone, SquareHeadstoneGeometry, centerMesh } from "../../../src/index";
+      import { SquareHeadstone, SquareHeadstoneGeometry, centerObject } from "../../../src/index";
       import { createOrbitScene } from "../../utils/orbitScene.js";
 
       const { scene, camera } = createOrbitScene();
 
       let squareHeadstone = new SquareHeadstone();
       scene.add(squareHeadstone);
-      centerMesh(squareHeadstone);
+      centerObject(squareHeadstone);
 
       const gui = new GUI();
       const params = {

diff --git a/examples/models/fence/stone-fence-post.html b/examples/models/fence/stone-fence-post.html
@@ -17,7 +17,7 @@
   <body>
     <script type="module">
       import GUI from "lil-gui";
-      import { centerMesh, StoneFencePost } from "../../../src/index.js";
+      import { centerObject, StoneFencePost } from "../../../src/index.js";
       import { createOrbitScene } from "../../utils/orbitScene.js";
 
       const { scene } = createOrbitScene();
@@ -29,7 +29,7 @@
 
       let fenceColumn = new StoneFencePost(params);
       scene.add(fenceColumn);
-      centerMesh(fenceColumn);
+      centerObject(fenceColumn);
 
       const gui = new GUI();
 
@@ -39,7 +39,7 @@
         scene.remove(fenceColumn);
         fenceColumn = new StoneFencePost(params);
         scene.add(fenceColumn);
-        centerMesh(fenceColumn);
+        centerObject(fenceColumn);
       }
     </script>
   </body>

diff --git a/examples/models/fence/wrought-iron-bar.html b/examples/models/fence/wrought-iron-bar.html
@@ -17,7 +17,7 @@
     <script type="module">
       import * as THREE from "three";
       import GUI from "lil-gui";
-      import { centerMesh, WroughtIronBar } from "../../../src/index.js";
+      import { centerObject, WroughtIronBar } from "../../../src/index.js";
       import { createOrbitScene } from "../../utils/orbitScene.js";
 
       const { scene } = createOrbitScene();
@@ -35,7 +35,7 @@
 
       let wroughtIronBar = new WroughtIronBar(params);
       scene.add(wroughtIronBar);
-      centerMesh(wroughtIronBar);
+      centerObject(wroughtIronBar);
 
       const gui = new GUI();
 
@@ -50,7 +50,7 @@
         scene.remove(wroughtIronBar);
         wroughtIronBar = new WroughtIronBar(params);
         scene.add(wroughtIronBar);
-        centerMesh(wroughtIronBar);
+        centerObject(wroughtIronBar);
       }
     </script>
   </body>

diff --git a/examples/models/fence/wrought-iron-fence.html b/examples/models/fence/wrought-iron-fence.html
@@ -18,7 +18,7 @@
     <script type="module">
       import * as THREE from "three";
       import GUI from "lil-gui";
-      import { centerMesh, WroughtIronFence } from "../../../src/index.js";
+      import { centerObject, WroughtIronFence } from "../../../src/index.js";
       import { createOrbitScene } from "../../utils/orbitScene.js";
 
       const { scene } = createOrbitScene();
@@ -41,7 +41,7 @@
 
       let wroughtIronFence = new WroughtIronFence(params);
       scene.add(wroughtIronFence);
-      centerMesh(wroughtIronFence);
+      centerObject(wroughtIronFence);
 
       const gui = new GUI();
 
@@ -61,7 +61,7 @@
         scene.remove(wroughtIronFence);
         wroughtIronFence = new WroughtIronFence(params);
         scene.add(wroughtIronFence);
-        centerMesh(wroughtIronFence);
+        centerObject(wroughtIronFence);
       }
     </script>
   </body>

diff --git a/examples/models/furniture/bookshelf.html b/examples/models/furniture/bookshelf.html
@@ -16,7 +16,7 @@
   <body>
     <script type="module">
       import GUI from "lil-gui";
-      import { Bookshelf, centerMesh } from "../../../src/index.js";
+      import { Bookshelf, centerObject } from "../../../src/index.js";
       import { createOrbitScene } from "../../utils/orbitScene.js";
 
       const { scene, camera } = createOrbitScene();
@@ -34,7 +34,7 @@
 
       let bookshelf = new Bookshelf(params);
       scene.add(bookshelf);
-      centerMesh(bookshelf);
+      centerObject(bookshelf);
 
       const gui = new GUI();
 
@@ -49,7 +49,7 @@
         scene.remove(bookshelf);
         bookshelf = new Bookshelf(params);
         scene.add(bookshelf);
-        centerMesh(bookshelf);
+        centerObject(bookshelf);
       }
     </script>
   </body>