nowfound

Dev tools · January 21, 2026

MicroState – JavaScript City Builder

I’ve been working on MicroState, a city builder prototype written entirely in vanilla JavaScript using the HTML5 2D Canvas API. My goal was to see how far I could get with a 2.5D isometric style simulation with vanilla JavaScript built very simply and drawn entirely with procedural generation for maps, tiles, roads, trees, buildings, etc. The most interesting element is probably the terrain model, which allows for fairly arbitrary terrain. Although some of the generated graphics like trees are cached as sprites, buildings- which are much more intensive to draw - are not cached yet, and many…

MicroState – JavaScript City Builder launched on January 21, 2026 with 8 votes, #1,339 of 14,585 launches that month and more than 75% of that year's launches.

What it does

Pre-release build of MicroState . This is a hobby project and not a finished game. Created with 2D Canvas and ~100 KB of vanilla JavaScript with procedural generation. Terrain, cities, textures sprites and animations are all generated at runtime. You can click and drag with the right mouse button to move around the map. You can also move the the map selecting the Move tool and dragging with the left mouse button. The Arrow Keys and WSAD keys can also be used to move the map. Two / three finger dragging and pinch-to-zoom is supported on devices with touch input. The mini map in the top right is interactive , it highlights the area of the map you are viewing, you can click on it to view to…from microstate.neocities.org

In the maker’s words, at launch

I’ve been working on MicroState, a city builder prototype written entirely in vanilla JavaScript using the HTML5 2D Canvas API. My goal was to see how far I could get with a 2.5D isometric style simulation with vanilla JavaScript built very simply and drawn entirely with procedural generation for maps, tiles, roads…

Does a similar job

all alternatives →
  • A tiny isometric city builder in JavaScript2019 · github.com · ▲593

    A isometric city builder in JavaScript. Contribute to victorqribeiro/isocity development by creating an account on GitHub.

  • Microlandia, a brutally honest city builderDec 2025 · microlandia.city · ▲144

    It all started as an experiment to see if I could build a game making heavy use of Deno and its SQLite driver. After sharing an early build in the „What are you working on?“ thread here, I got the encouragement I needed to polish it and make a version 1.0 for Steam. So here it is, Microlandia, a SimCity Classic-inspired game with parameters from real-life datasets, statistics and research. It also introduces aspects that are conveniently hidden in other games (like homelessness), and my plan is to continue updating, expanding and perfecting the models for an indefinite amount of time.

  • A CSS-Only Terrain GeneratorNov 2025 · terra.layoutit.com · ▲371

    An interactive CSS terrain generator. Define a grid and generate your terrain!

  • TerrainVer – Generate Worms-Style Cartoon Terrain in JavaScript2018 · juliango202.com · ▲198

    Explore advanced web development for online casinos at Juliango 202. Learn about programming languages, RNG algorithms, and secure platform architecture.

  • Little Procedural Pixel Worlds2022 · jason.today · ▲227

    Took a break from the falling sand simulation blog posts this week to work on another small project. It's a little pixel world generator- each time you visit, you'll see a new little world. I really like this stuff and had a blast building it yesterday!

  • AA
    AI agents play SimCity through a REST APIFeb 2026 · hallucinatingsplines.com · ▲216

    This is a weekend project that spiraled out of control. I was originally trying to get Claude to play a ROM of the SNES SimCity. I struggled with it and that led me to Micropolis (the open-sourced SimCity engine) and was able to get it to work by bolting on an API. The weekend hack turned into a headless city simulation platform where anyone can get an API key (no signup) and have their AI agent play mayor. The simulation runs the real Micropolis engine inside Cloudflare Durable Objects, one per city. Every city is public and browsable on the site. LLMs are awful at the spatial stuff, which…

More dev tools this month

the category →
  • /dev/null▲468

    a social network for devs

    Dev tools · 2d ago · dev-null.sh

  • open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

    Dev tools · 27d ago · github.com

  • Contribute to reladraw/reladraw development by creating an account on GitHub.

    Dev tools · 25d ago · github.com

  • OpenBot▲362

    Grok Bot alternative: free, local, open-source, multiplayer

    Dev tools · 22d ago · openbot.run

  • Talanoa▲340

    Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

    Dev tools · 20d ago · talanoa.email

  • CoreSpeed▲332

    One MCP for everything your agents need: apps, memory, tools

    Dev tools · 27d ago · corespeed.io

Source: Show HN post ↗ · launch text quoted in part

Launched alongside, January 2026

the whole month →
  • IN

    Hey HN! I wanted to share something I built over the last few weeks: isometric.nyc is a massive isometric pixel art map of NYC, built with nano banana and coding agents. I didn't write a single line of code. Of course no-code doesn't mean no-engineering. This project took a lot more manual labor than I'd hoped! I wrote a deep dive on the workflow and some thoughts about the future of AI coding and creativity: http://cannoneyed.com/projects/isometric-nyc

    AI · Jan 2026 · cannoneyed.com

  • Cowork▲1,088

    Turn Claude into your digital coworker

    AI · Jan 2026 · claude.com

  • DataFast▲867

    Revenue-first analytics

    Growth · Jan 2026 · datafa.st

  • OpenClaw▲836

    The AI that actually does things

    AI · Jan 2026 · openclaw.ai

  • Automatic AI-powered code reviews the moment you open a PR

    Dev tools · Jan 2026 · kilo.ai

  • AI Content Maker, for Social Media Publishing

    AI · Jan 2026 · postsyncer.com