Shows the cursor position as a percentage of the viewport, randomises a number on every click, and plots points on a full-screen canvas from X/Y percentage inputs.
Highlights
- A debounced mousemove listener reports the cursor as viewport percentages.
- Points plotted and cleared on a full-screen 2D canvas through a ref.
- MUI controls with useCallback and effect cleanup.
At a glance
- Role
- Creator & sole developer
- Years
- 2023
- Source
- github.com/afmoleirinho96/track-pointer
Stack
- React 18
- TypeScript
- Vite
- SCSS
- Canvas
- Vercel
Built with TypeScript.