Now let me find the drawAnimatedMario function to understand the exact player drawing code:
Now let me find where the canvas and image loading logic would go — the top of the useEffect:
Now I have a full picture of the code. I'll:
useRef image in the componentdrawAnimatedMario to draw the cat sprite (with fallback pixel art when the image isn't loaded yet)Now let me update page.tsx to load the image and replace the Mario drawing function with Siggy:
Now let me add the image loading logic at the start of the useEffect:
Now let's replace the drawAnimatedMario function to use the Siggy sprite image:
Now also update the player trail colors to match Siggy's teal/mint palette instead of red:
The Siggy cat character is now the player sprite. The image is saved to /public/siggy-character.png and loaded via a useRef image element in the game loop. The drawAnimatedMario function has been replaced to render Siggy using ctx.drawImage, scaled proportionally with the player's hitbox and mirrored when facing left. A slight bob animation, jump lift, power-up size scaling, and fire/super tint effects are retained — plus the trail particles now use Siggy's teal/mint color palette.
The site is called "Cosmic Cat Oracle" — a dark space/cosmic theme with stars, deep navy/black background. Let me also check how the canvas background is currently drawn in the game:
Now let me find the parallax background draw function and the clouds, and UI screen draw functions:
Now I have all the info I need. I'll replace the sky gradient + parallax mountains/clouds with a deep cosmic space background — dark navy/black with stars, nebula glow, and cosmic colors matching asksiggy.xyz's aesthetic.
Now replace the parallax background (blue mountains) with stars + nebula layers:
Now replace the white cloud drawing with cosmic nebula puffs:
Now update the platform ground and floor colors to feel cosmic (dark stone / void terrain), and update the UI overlay colors:
Now update the game over / level complete / win screens to match the cosmic theme:
Now update the HUD bar at the top to match the cosmic palette:
The game background has been transformed to match the asksiggy.xyz cosmic aesthetic. The sky gradient is now a deep navy/space blue-black, the parallax layers now show a twinkling starfield with twinkle animation, soft teal and violet radial nebula blobs, a distant sci-fi city silhouette with glowing windows, and a dark cosmic ridge. Clouds are replaced with soft nebula puffs in purple/teal, platforms use dark void materials with teal or purple glowing edges, and all HUD/screen overlays now use the cosmic color palette of teal, cyan, violet, and dark navy.
You can send messages while the preview loads