Impressive work
Show HN: A CSS-Only Terrain Generator
51–60 of 88 posts
Re: Show HN: A CSS-Only Terrain Generator
#52Re: Show HN: A CSS-Only Terrain Generator
#53When I turn off JS, it shows a loader instead of the terrain. Is this really CSS-Only? I mean it's still a high achievement even with JS, but was expecting it would also work without JS. This one, for example, truly works without JS https://benjaminaster.com/css-minecraft/ .
Re: Show HN: A CSS-Only Terrain Generator
#54Impressive, but there is a noticeable lag after modifying the terrain or moving the camera. 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?
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.
Re: Show HN: A CSS-Only Terrain Generator
#55When I turn off JS, it shows a loader instead of the terrain. Is this really CSS-Only? I mean it's still a high achievement even with JS, but was expecting it would also work without JS. This one, for example, truly works without JS https://benjaminaster.com/css-minecraft/ .
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.
Re: Show HN: A CSS-Only Terrain Generator
#56Earlier quoted context omitted.
You guys have sent me down memory lane. Hopefully, I don't forget when I have free time to search, but hopefully I can find this to play in an emulator somewhere. This was the very first game I ever bought even though I didn't have an Amiga but had one that was very accessible. edit: couldn't wait. did the search. it's very much available to play online. hello rabbit hole...
Do tell, I've been wanting to play Populous again for a few years...
dosbox top result in search
Re: Show HN: A CSS-Only Terrain Generator
#57Wow this really feels like roller coaster tycoon!!! (I can see lots of people refer to this to their favorite sim game though) Great work!
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.)
Re: Show HN: A CSS-Only Terrain Generator
#58When I turn off JS, it shows a loader instead of the terrain. Is this really CSS-Only? I mean it's still a high achievement even with JS, but was expecting it would also work without JS. This one, for example, truly works without JS https://benjaminaster.com/css-minecraft/ .
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.
You might not need it using the new :has() and different inputs as modifiers. Though that's a lot of :has() and probably would kill performance.
Re: Show HN: A CSS-Only Terrain Generator
#59When I turn off JS, it shows a loader instead of the terrain. Is this really CSS-Only? I mean it's still a high achievement even with JS, but was expecting it would also work without JS. This one, for example, truly works without JS https://benjaminaster.com/css-minecraft/ .
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.
GP linked an example of a similar project that allowed you to modify the terrain without any JS at all