Settings screen
Settings page showing player options for duration, target colour, shape, size, background and crosshair.
Aim Trainer Website
A browser-based aim training project with custom settings, challenge mode and scoreboard pages.
Gameplay video
Short clip showing the challenge mode interaction, with the canvas on the right and the live player information panel on the left.
The panel tracks the player name, score, remaining time and accuracy while targets appear on the canvas.
Overview
- Created a browser-based aim trainer with adjustable target and background settings.
- Used p5.js for the game canvas and JavaScript/local storage for settings and scores.
- Designed the pages around clarity, simple navigation and quick interaction.
Project report
The report explains the aim trainer concept, website structure, settings system, p5.js gameplay, local storage, usability choices and final reflection.