image change

tinkerhub · Mar 12, 2024 · 5ea49e5 · 5ea49e5
1 parent 00f43bd
commit 5ea49e5
Show file tree

Hide file tree

Showing 7 changed files with 4 additions and 7 deletions.
diff --git a/public/img/hero/cubes/0.webp b/public/img/hero/cubes/0.webp
diff --git a/public/img/hero/cubes/1.webp b/public/img/hero/cubes/1.webp
diff --git a/public/img/hero/cubes/2.webp b/public/img/hero/cubes/2.webp
diff --git a/public/img/hero/cubes/susan.webp → public/img/hero/cubes/3.webp b/public/img/hero/cubes/susan.webp → public/img/hero/cubes/3.webp
diff --git a/public/img/hero/cubes/ada.webp b/public/img/hero/cubes/ada.webp
diff --git a/src/sections/hero.ts b/src/sections/hero.ts
@@ -91,7 +91,7 @@ function createTextFromCubes(letter, offsetX: number, offsetY: number, offsetZ:
                 const Y = posY + Math.random() * cubeSize * 10;
                 const Z = offsetZ + Math.random() * cubeSize * 10;
 
-                const {url, name} = letter.images.pop();
+                const url = letter.images.pop();
 
                 const cube = createCube(X, Y, Z, cubeSize, url, letter.text);
                 cube.rotation.y = pattern[y][x] === '0' ? Math.PI / 2 - 0.15 : 0.15;

diff --git a/src/utils/utils.ts b/src/utils/utils.ts
@@ -16,20 +16,17 @@ const LETTERS = {
     ],
 };
 
-const IMAGES = [
-    {url: 'img/cubes/ada.webp', name: 'Ada Lovelace'},
-    {url: 'img/cubes/susan.webp', name: 'Susan Wojcicki'},
-]
-
 const text = ["W", "M", "C"];
 
+const num_images = 4;
+
 export const LETTER_MAP = ["W", "M", "C"].map((letter, index) => {
     const pattern = LETTERS[letter];
     const count = pattern.reduce((acc: number, row: string) => acc + row.split('').filter(cell => cell !== ' ').length, 0);
 
     const images = [];
     for (let i = 0; i < count; i++) {
-        images.push(IMAGES[IMAGES.length * Math.random() | 0]);
+        images.push(`/img/hero/cubes/${Math.floor(num_images * Math.random())}.webp`);
     }
 
     return {