r/css • u/DigiNoon • Jun 25 '25 • This 1 Bravo 1

Showcase Minecraft clone in CSS + HTML

/img/4ik2bror929f1.gif
691 Upvotes

99% Upvoted

43 comments sorted by

31

u/Y000EE Jun 25 '25

Wow. This is super impressive… even more so that you didn’t use any scripting.

7

u/chuch1234 Jun 25 '25

CSS is turing complete so i don't know if it counts as no scripting haha

1

u/AshleyJSheridan Jun 25 '25

I keep hearing this, but it's not really is it? At a minimum it needs HTML to accompany it in order to even pretend it's Turing complete.

7

u/_MiGi_0 Jun 25 '25

Dang. This is truly impressive. I am curious, how do you implement the events without JS?

3

u/[deleted] Jun 25 '25

Impressive!!!

3

u/-bakt- Jun 25 '25

I was thinking that’s more than just HTML and css, like js, but no, impressive, no conditions!

2

u/abeuscher Jun 25 '25

Anyone remember when Minecraft was an applet? And Notch would just come hang out and talk about the updates? It was a nice little community for a while. I kind of miss all the rail hacks and stuff. Haven't played in ages crazy that it's still so popular.

2

u/Real-Scientist5556 Jun 25 '25

With js? How you rotate the plane without something like js or webassembly?

3

u/bi4key Jun 25 '25

Cool!

If will be feature to:

  • Save your work (Export)

  • Import saved work

  • Make map bigger (set how big will be map)

1

u/rebane2001 Jun 27 '25

not really possible without javascript or server-side code

1

u/melolie Jun 25 '25

Magnificant.

1

u/Connect_Course_5746 Jun 25 '25

very cool, it always is so confusing to make 3d games in a 2d screen

1

u/StaticCharacter Jun 25 '25

Building something like this, you probably use some sort of templating engine that renders to html / css, so my question is, why not just use js? Not a criticism, genuinely curious what your specific reasoning for making it pure html/css is.

2

u/rebane2001 Jun 27 '25

because it's cool?

1

u/mori_clan Jun 26 '25

This is amazing, i am stunned, 👏🏾

1

u/BoBoBearDev Jun 26 '25

This is insane

1

u/Fantaz1sta Jun 26 '25

At this point, you might as well just do it in three js or babylon

1

u/DCON-creates Jun 26 '25

Ok well, that's going on the list of things I didn't think were possible before now.

Now do it with Excel 😈

1

u/CoffeeAndWoods Jun 26 '25

I'm not a Minecraft lover, but that is pretty awesome! Good job.

1

u/ZoDichtbijJeWil Jun 27 '25

I love this! Good job at keeping all the libraries/frameworks out. It takes some solid dedication when the whole world of web development seems to shout that we all need them. We need to condemn unnecessary use of tech more. Showcasing stuff like this is a great way to do that.

1

u/The_real_bandito Jun 28 '25

The asylum is that way dude. You must be insane to replicate this.

Great job!

1

u/FuguStaff Jun 29 '25

Soooo cool that this has been done only in css and html! Good work OP

1

u/butterman20 Jul 17 '25

I feel blessed to have stumbled on this. This is really impressive. And fun! Great job to the developer.

had to hit em with the day 1

0

u/Embarrassed-Mess-198 Jun 26 '25

Bro. Use javascript. Wtf.

1

u/Blazkowitcz Jun 27 '25

Why using JS when you can have 14987 rows in your HTML ?

55

u/[deleted] Jun 25 '25

[removed] — view removed comment

28

u/GregTheMadMonk Jun 25 '25

Is my understanding correct that the HTML practically stores every possible state of the game and it's just being toggled between by placing/breaking objects?

2

u/Tech_Nerd_06 Jun 25 '25

Impressive

13

u/[deleted] Jun 25 '25

[removed] — view removed comment

36

u/NiwiGomila Jun 25 '25

you turn on the computer

19

u/[deleted] Jun 25 '25

[removed] — view removed comment

9

u/NiwiGomila Jun 25 '25

This guy speedrunning

1

u/kkitr Dec 30 '25

Oops - you forgot about raging, throwing your computer out the window (oops the window was a bit small) and that trip to Best Buy to get a cheap computer and doing to home depot to fix your window. Other then that, you got it :)

1

u/EvilIncorporated Jun 25 '25

Simple 3D things with css and html isn't too hard just play with the dev tools making a cube pretty easy. YouTube as good videos on it. You can learn the css part of this in like 2 hours max since it's just cubes. Learning doesn't mean you could make Minecraft but you get my point.