Class Random — Image Picker
Simple, local-only web app to randomly select a student by flashing through imported images until one is chosen.
How to run
- Open
index.html
in your browser (no server required).
How to use
- Click
Import Images
(or drop image files onto the drop area). - Confirm thumbnails appear in the gallery; remove any with the
Remove
button. - Adjust
Spin time
(total duration) andFlash speed
(initial cycling speed) if desired. - Press
Start
to begin the random selection with a visual flash effect. - Press
Stop
to immediately stop (optional). When the spin completes, the selected student remains visible. - Click
Pick Again
to run another random selection with the current list. - Use
Clear All
to remove every image.
Features
- No-repeat mode: enabled by default; each student is picked once per cycle.
- Remaining counter: shows how many students are left in the current cycle.
- Rename inline: click a name under any thumbnail to edit it.
- Save/Load roster: export to a JSON file and import later; also auto-saves to your browser when possible.
- Confetti and sound on selection (can be muted).
- Keyboard shortcuts: Space (start/stop), Enter (pick again), F (fullscreen), M (mute).
- Fullscreen mode for the stage.
Notes
- All processing is local; images never leave your machine.
- You need at least 2 images to start the randomizer.
- Image names are inferred from the file names (without extensions).