Live Interactive Demo Model
Interactive Canvas Particle Starfield
A constellation animation drawing 80 particles that float and link together with proximity lines.
0
React 19 Practice Workbench
Acceptance Criteria
Managing canvas animation loops inside useEffect with cancelAnimationFrame
Calculating Euclidean distances between particles to draw connecting lines
Handling window resizing without distorting canvas aspect ratios
Target APIs & Concepts
HTML5 2D Canvas ContextrequestAnimationFrame LoopParticle Physics
Ready to code this yourself? Switch to the Candidate Code Studio to write your implementation in React 19 and run automated test evaluations!