Mercurial

diff mrjunejune/src/public/dog-game.js @ 241:9c2eec61a152

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[assets] Generate site images as WebP with Bazel
author MrJuneJune <me@mrjunejune.com>
date Mon, 03 Aug 2026 11:26:30 -0700
parents c345083cd8a7
children 30c2196d03d4
line wrap: on
line diff
--- a/mrjunejune/src/public/dog-game.js	Mon Aug 03 10:48:59 2026 -0700
+++ b/mrjunejune/src/public/dog-game.js	Mon Aug 03 11:26:30 2026 -0700
@@ -1,9 +1,9 @@
 // Dog frames
 const imagesSrc = [
-  "/public/sprite_shiba0.png",
-  "/public/sprite_shiba1.png",
-  "/public/sprite_shiba2.png",
-  "/public/sprite_shiba3.png",
+  "/public/sprite_shiba0.webp",
+  "/public/sprite_shiba1.webp",
+  "/public/sprite_shiba2.webp",
+  "/public/sprite_shiba3.webp",
 ];
 const images =imagesSrc.map((src, index) => {
   const img = new Image();
@@ -17,15 +17,15 @@
 
 // Load treat image
 const treatImage = new Image();
-treatImage.src = "/public/dog-treat.png";
+treatImage.src = "/public/dog-treat.webp";
 
 // Load star images for background
 const lightStarColors = ["#315a91", "#8f3f63", "#34705f", "#76519b"];
 let starImages = [
-  { src: "/public/start-large.png", img: new Image(), lightImg: null },
-  { src: "/public/start-small-1.png", img: new Image(), lightImg: null },
-  { src: "/public/start-small-2.png", img: new Image(), lightImg: null },
-  { src: "/public/start-small-3.png", img: new Image(), lightImg: null }
+  { src: "/public/start-large.webp", img: new Image(), lightImg: null },
+  { src: "/public/start-small-1.webp", img: new Image(), lightImg: null },
+  { src: "/public/start-small-2.webp", img: new Image(), lightImg: null },
+  { src: "/public/start-small-3.webp", img: new Image(), lightImg: null }
 ];
 starImages.forEach((star, index) => {
   star.img.onload = () => {