[2] [Team 2] Use animated WebP sprites across the game

[projectmushroom]

Description

The character sprite WebP files (character_idle.webp, character_run.webp, etc.) are animated WebPs with multiple frames. Currently Phaser loads them as static single-frame images. Need to use the animated versions everywhere.

Current state

• Title screen: FIXED in PR feat: Team 2 — Visual juice: title sprites, death FX, parallax, BH swirl #27 — uses DOM img element with base64 data URI, browser plays animation natively
• In-game players: still using static first-frame textures via Phaser's texture system. State-based switching (idle→run→jump) gives some animation but each state is static.

Remaining work

• In-game player sprites need animated WebP support
• Options: DOM overlay synced to Phaser position, or extract frames from animated WebP into Phaser spritesheets
• DOM approach simpler but may have perf issues with 4 players
• Frame extraction more robust but needs a WebP decoder

Files

• js/entities/Player.js
• js/scenes/BootScene.js (frame extraction if that approach)

Acceptance

• All character sprites play their WebP animation in-game
• No performance regression