Isometric Navigateable Website
← Project Index Isometric Navigateable Website

Isometric Navigateable Website

Joshville -; a little isometric town you walk mini-Josh around to reach projects, notes, and more. A website you navigate by exploring instead of scrolling.

Exploring Started: 2026 Updated: Jun 2026

Overview

Instead of a homepage with a nav bar, Joshville is a tiny isometric town. You move a little pixel-Josh around the streets, and the buildings are the sections of the site -; walk up to one and enter it to get at the content. It's the project index, re-imagined as a place you can wander.

How It Works

It's a custom isometric renderer drawn entirely in code -; no game engine, no sprite sheets. The town layout, the buildings, and what's inside each one are defined as data in jv-data.js (building id, name, neon sign label, footprint, height, roof style, door side), and that data is pulled straight from the real project list. A separate engine and render module handle movement and drawing.

The town has named landmarks that map to parts of the site: Josh's Workshop for active builds, tools and hardware; The Arcade for games you can actually play; The Café for the about page; plus a Library, an Observatory, a Schoolhouse, and a fenced Dachshund Park with a pond. Several themeable color palettes (a sunset “smush,” a golden hour, a synthwave look) re-skin the whole scene by swapping CSS variables.