An interactive pixel globe. Explore 12 stunning locations rendered entirely in HTML5 Canvas — no dependencies, no build step.
| # | Location | Type |
|---|---|---|
| 1 | New York | City |
| 2 | Tokyo | City |
| 3 | Dubai | City |
| 4 | Patagonia | Wilderness |
| 5 | Himalaya | Mountain |
| 6 | Aurora Borealis | Arctic |
| 7 | Amazon | Jungle |
| 8 | Sahara | Desert |
| 9 | Great Barrier Reef | Ocean |
| 10 | Grand Canyon | Canyon |
| 11 | Antarctica | Ice |
| 12 | Savanna | Plains |
| Key | Action |
|---|---|
← / → |
Navigate locations |
↑ / ↓ |
Zoom in / out |
R |
Toggle rainbow color cycle |
1 |
Night mode |
2 |
Dawn / Dusk mode |
3 |
Day mode |
W |
Toggle weather (rain) |
F |
Toggle fog |
# Clone or download this repo
cd pxlearth
# Deploy with Vercel CLI
npx vercel
# Or connect repo to vercel.com for auto-deploy on pushJust open index.html in any modern browser — no server needed.
open index.html- Pure HTML5 Canvas 2D API
- Vanilla JavaScript, zero dependencies
- Single file (
index.html) — everything inline - ~1500 lines of procedural rendering code
- 60fps
requestAnimationFrameloop
MIT