3 ms·

When 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

When 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/ https://benjaminaster.com/css-minecraft/ .

arbll 1y ago
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.
- psygn89 1y ago
  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.
- nightpool 1y ago
  GP linked an example of a similar project that allowed you to modify the terrain without any JS at all
- thih9 1y ago
  I wanted to check if your assumption is correct but I couldn’t find the source code. Why do you think the renderer is pure css and not e.g. mostly css?
  - embedding-shape 1y ago
    The top right button has a "Download code" which gives you a .zip file. That .zip file doesn't have any JS in it, and renders the terrain just like in the online editor, except you can turn off JS and it still works. Edit: someone else wrote basically the same an hour ago: https://news.ycombinator.com/item?id=45814791 https://news.ycombinator.com/item?id=45814791
    - thih9 1y ago
      Looks like it’s a “(css-only terrain) generator” - a generator that lets the user create and download a css only terrain. As opposed to a “css-only (terrain generator)” - a terrain creation studio built with css only.
decimaldesign 1y ago
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.
- senfiaj 1y ago
  Yeah, it worked, it seems to be a static rendered html with no interactivity though.

arbll 1y ago

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.

psygn89 1y ago
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.
nightpool 1y ago
GP linked an example of a similar project that allowed you to modify the terrain without any JS at all
thih9 1y ago
I wanted to check if your assumption is correct but I couldn’t find the source code. Why do you think the renderer is pure css and not e.g. mostly css?
- embedding-shape 1y ago
  The top right button has a "Download code" which gives you a .zip file. That .zip file doesn't have any JS in it, and renders the terrain just like in the online editor, except you can turn off JS and it still works. Edit: someone else wrote basically the same an hour ago: https://news.ycombinator.com/item?id=45814791 https://news.ycombinator.com/item?id=45814791
  - thih9 1y ago
    Looks like it’s a “(css-only terrain) generator” - a generator that lets the user create and download a css only terrain. As opposed to a “css-only (terrain generator)” - a terrain creation studio built with css only.

decimaldesign 1y ago

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.

senfiaj 1y ago
Yeah, it worked, it seems to be a static rendered html with no interactivity though.