skateman.ca — A canvas‑based interactive experience by Kevin Ebra
SKATEMAN is not a website. It's a canvas‑based, single‑page interactive experience where Kevin Ebra (the Skateman) rollerblades across the globe. Click a destination — Canada 🍁, Turkey 🕌, or Iran 🏛️ — and watch photos explode from his backpack like spray paint. Then click any photo to open a CRAZY lightbox with country‑specific color themes, orbiting sparkles, info bars, and fun facts.
No HTML. No CSS layout. Just a full‑screen canvas with procedural audio, particle physics, and comic‑book energy.
Every destination plays procedural music generated in real time with the Web Audio API:
| Country | Sound | Instrument | Vibe |
|---|---|---|---|
| 🇨🇦 Canada | Folk pentatonic melody | Triangle wave (warm acoustic) | Cabin in the woods |
| 🇹🇷 Turkey | Middle Eastern runs | Square wave (oud‑like) | Bustling bazaar |
| 🇮🇷 Iran | Persian modal descent | Sawtooth (ney flute) | Ancient contemplation |
Each has a drone bass, a looping melodic phrase with variation, and cultural percussion.
| Key | Action |
|---|---|
| C | 🇨🇦 Canada — photos fly in |
| T | 🇹🇷 Turkey — photos fly in |
| I | 🇮🇷 Iran — photos fly in |
| ← → | Browse photos in lightbox |
| ESC | Close lightbox |
| Space | Spray! |
| K | Kickflip |
| S | Screen shake |
| R | Rainbow mode 🌈 |
- Canvas 2D API — All rendering, particles, physics
- Web Audio API — Procedural country music, sound effects
- Cloudflare Workers — Static asset deployment with D1-free edge delivery
- Vanilla JavaScript — No frameworks, no libraries, no bloat
- Canada: 28 photos — landscapes, wildlife, urban
- Turkey: 21 photos — Istanbul, Cappadocia, culture
- Iran: 7 photos — architecture, history, art
This is a public project. Feel free to explore, fork, or get inspired — but give credit where it's due.
Built with ⚡ by Jenny — for Kevin Ebra 🛼