Dust & Badge
A side-scrolling pixel-art western. You're the sheriff of Redemption Gulch, and
"Silver" Jack Calloway just robbed the bank and rode west. Follow him across the
badlands on foot, loot abandoned homesteads, fight with your fists, keep yourself
fed and rested, and survive the nights.
Plain HTML, CSS and JavaScript. No build step, no libraries.
Play
- Locally: open
index.html in a browser (Chrome, Edge, Firefox, Safari).
- Online: turn on GitHub Pages (repo Settings → Pages → Deploy from a
branch → main / root), then play at
https://<your-username>.github.io/<repo-name>/.
Controls
| Action | Keyboard | Phone/tablet |
|---|
| Walk | A / D or ← → | ◀ ▶ |
| Run | Shift (hold) | RUN (toggle) |
| Jump | W / Space | JUMP |
| Punch | J | PUNCH |
| Block | K (hold) | BLK (hold) |
| Talk / enter / search | E, or click/tap the thing | USE, or tap |
| Get on/off horse, whistle | H | HORSE |
| Make camp | C | CAMP |
| Saddlebag | I | BAG |
| Pause | Esc | II |
| Mute | M | (pause menu) |
Tip: block right as an enemy strikes for a PERFECT block, which leaves it dazed.
Art style
Everything is drawn on one chunky pixel grid: each art pixel is 2x2 screen
pixels. Buildings, horses, the sky and the characters are drawn that way
directly; other art goes through U.chunky() (in js/util.js), and positions
snap to the grid with U.snap(). New art should do the same.
Music & sound
Chiptune music (OpenGameArt.org) and 8-bit sound effects (Juhani Junkala), all CC0.
See assets/CREDITS.md. Sound effects need the game to be
served over the web (GitHub Pages or any local server); when opened straight
from a file, the game falls back to its built-in synthesised effects.
Project docs
Code map
| File | What it does |
|---|
js/game.js | Main loop, rules, menus, saving, lighting |
js/entities.js | Player, enemies, townsfolk, campfire |
js/world.js | Road layout: towns, houses, enemy spots, scenery |
js/rooms.js | All interiors: town buildings and abandoned buildings |
js/horse.js | Horse art and riding |
js/chars.js | People: repaints the character pack per look (hats, vests, badges, skirts...), the sheriff customiser looks |
js/charframes.js | Character pack frames as data (generated by tools/pack_chars.py) |
js/sprites.js | Creature pixel art (text grids) |
js/buildings.js | Town and abandoned building exteriors, street dressing |
js/town.js | Town life: animals, smoke, schedules, greetings |
js/props.js | Cacti, rocks, signs, small props |
js/backgrounds.js | Sky by time of day, parallax layers |
js/audio.js | Chiptune music + sound effects |
js/ui.js | HUD, dialogue, menus, title screen |
js/input.js | Keyboard, touch and click input |
