I'm assuming it's the render engine that is in pure CSS. You could display a static map in CSS but things like the tools to modify the terrain definitely need JS.

I think what's intended is that the completed and downloaded solution doesn't require any javascript.

Build something then hit the Download Code button - that packaged HTML solution doesn't require any javascript to render locally.

I really miss these building games that used an isometric grid. RC Tycoon, Zoo Tycoon, Sim City, TTD, …

Yes, it's less realistic, but it is so pleasant to work with. Everything you build aligns perfectly and if you want, you can neatly fill the entire map.

In comparison, (even with many mods) my Cities Skylines or Planet Coaster creations never look quite right. Building the roads and paths is always awkward and frustrating.

(I've commented this before.)

Funny, my mind went to OpenTTD

Reminded me quite a bit of Populous[1] as well.

1. https://en.wikipedia.org/wiki/Populous_(video_game)

For me, "Briefing" from Ace Combat 2 played back in my head straight away.

https://youtu.be/5uPVGs7bq3s?t=8

I like it's also really 3d, while looking like older 2.5d games.

This is exactly what I thought of

You can open up your terrain in codepen with nothing but CSS/HTML, and it renders fine. It's just not interactive / draggable anymore.

So the JS is only being used, essentially, as a nice UI for configuring your terrain and the camera angle from which it's viewed.

This is still an incredible feat.

I guess it'd be more accurate to call it a "Generator for CSS-Only Terrain", as the generator itself is not CSS-only.

Not to mention of all of those pesky HTML tags and images, clearly not CSS-only, what a fraud.

Yep. Can confirm this does not work with JS disabled. I'm disappointed by the misleading title.

Does it? All the tiles are usually a yellow brown aren’t they? 3000 has green land

Thank you! Populous and Transport Tycoon were two big inspirations for sure :)

I just came here to say the same thing. The raise and lower tools in particular reminded me of it.

For anyone who hasn't heard of it before: https://en.wikipedia.org/wiki/Populous_(video_game)

It looks like a layout/style/composition issue with the browser engine.

In Safari I'm seeing 91% CPU time on paint, 6% on layout, 2% on styles. It looks like it's taking somewhere between 100-200ms on my machine to chunk through a state change each time.

> Is there a way to know if the browser is using the GPU or CPU for rendering, and is there are way to see the milliseconds per frame?

For Safari, you would go to the Web Inspector and navigate to the Timelines tab. Chrome has a similar thing.

Thanks for the report! Are you using a dark mode extension by any chance? I’ve seen that happen with Dark Reader in Chrome.

Definitely! I'm planning for more landscape features for next versions. I think rivers will be a great addition, and waterfalls/rapids sound really interesting too. In the end it's a matter of adding a few classes and designing some sprites.

In CSS?

Stratagus has an android port at least ...

The controls would take some serious reworking to make it work on mobile - I could see adding a ‘pause’ feature to give you time to scrub your fingers all over the screen to issue all your unit and build orders, performant pinch to zoom would nearly negate the need for a mini map, lots of reworked GUI for building stuff and managing workers