How madujoseph101/pixel-arcade works
Pixel Arcade is a browser-based number-guessing game. The player starts a round, submits unique whole-number guesses from 1–20, and receives higher/lower hints until winning or exhausting three tries; they can then restart. The JavaScript manages round state, validation, scoring, and display updates, while the HTML and CSS provide the arcade interface. It also saves win streaks and best scores in browser storage and offers optional sound effects. The map reflects the README and shown JavaScript excerpts; HTML and CSS contents were not sampled.
Main entry points: Guesser.js Round logic · Pixel Arcade.html Game interface · Guesser.css Arcade styling
Components 10
Game flow
- Round logic
Guesser.js - Guess feedback
Guesser.js - Round results
Guesser.js - Player records
Guesser.js
Arcade interface
- Game interface
Pixel Arcade.html - Arcade styling
Guesser.css
Browser features
- Browser storage
- Sound effects
Guesser.js - Web Audio
Other components
- Player
Connections 9
- Player → Game interface: uses
README.md - Game interface → Round logic: dispatches actions
Guesser.js - Round logic → Guess feedback: updates hints
Guesser.js - Round logic → Round results: ends round
Guesser.js - Round logic → Player records: updates scores
Guesser.js - Player records → Browser storage: reads and writes
Guesser.js - Round logic → Sound effects: plays cues
Guesser.js - Sound effects → Web Audio: generates tones
Guesser.js - Arcade styling → Game interface: styles
README.md