← Back to Samples
🎬 Animation Sample
Demonstrate various animation techniques with Canvas2D rendering.
Animation Controls
Animation Types
Bouncing Ball
Horizontal Movement
Scaling
Spiral + Color
Status: Stopped
Objects: 0
FPS: ~60
Animation Canvas
🔴 Bouncing Ball
Vertical sine wave motion creating a bouncing effect using Math.sin() and Math.abs().
🔵 Horizontal Movement
Smooth left-right movement using sine wave oscillation across the canvas.
🟣 Scaling Animation
Circle radius changes over time creating a pulsing effect using sine waves.
🟪 Complex Animation
Combines spiral movement with dynamic color changes using multiple sine functions.