CMPE 272 Labs · Canvas API Demo: Complex Cat Back to Site

This cat is rendered with layered canvas primitives: paths, arcs, ellipses, gradients, shadows, bezier curves, and complex animations. Watch the cat's eyes track the running mouse, pupils dilate when hunting, and head turn to follow movement. Every 5 seconds, the cat attempts to catch the mouse! The animation includes: crouch anticipation, arc-based leap trajectory, success/failure detection, and mouse panic response. Dynamic weather system cycles through ☀️ Clear, ☁️ Cloudy, 🌧️ Rain, ❄️ Snow, and ⛈️ Storm with realistic particle effects, lightning flashes, and cat reactions (ears flatten, occasional shaking). The cat has 8 mood states. No images used.