A Little Landscape Toy
Been a moment since I've posted! Got a bunch of ideas at like 60% polish, so I figure I'll post a work in progress. Here's a little toy that came out of "hey can I do isometric graphics using CSS for layout?" The answer is: yes, and it's gnarly:
no canvas, all crime. 🖼 view demo in full page
A few details:
- It really is HTML and CSS! inspect the page at your peril.
- I still think signals are really cool and they really work well for demos with parameters like this.
- I'm using my own home-rolled microframework for this. don't ask..
- Everything is based on a PRNG, so the same random seed gives identical results for the same settings.
- Heightmaps are generated using the Diamond Square algorithm, as is a population map used to fill in things like houses.
I may yet develop this into a small game or sim, but for now, it's satisfying enough to just generate random maps and spin them around. Enjoy!