Remix.run Logo
senfiaj 2 days ago

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/ .

arbll 2 days ago | parent | next [-]

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 2 days ago | parent | next [-]

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.

thih9 2 days ago | parent | prev | next [-]

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 2 days ago | parent [-]

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

thih9 2 days ago | parent [-]

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.

nightpool 2 days ago | parent | prev [-]

GP linked an example of a similar project that allowed you to modify the terrain without any JS at all

decimaldesign 2 days ago | parent | prev [-]

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 2 days ago | parent [-]

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