{"id":2192,"edition":12,"categories":3,"features":0,"size":6988,"name":"MineCSSweeper","authors":[{"name":"Aurélio A. Heckert","url":"http://aurium.one","login":"aurium","gh":30254}],"description":"

For the “fear or avoidance of the number 13” I did something to be the antithesis to the JS13K, but still feet in the rules. This is a true JSZeroK Minesweeper game, and all game logic is implemented in CSS.

\n

This is a pair game. Ask you friend, or mate, or smart dog to place the bombs, and start the game, so you can enjoy this classic with a nice style on your desktop or mobile.

\n","source":"aurium/js13k-2024-minesweeper-css","stars":0,"comments":[{"at":378963957,"author":"Jasper Renow-Clarke","login":"picosonic","gh":26137750,"twitter":"femtosonic","text":"

I couldn’t get this to work in FireFox I’m afraid, it didn’t look like your screenshot, just a load of text tick boxes and radio buttons on the RHS, and no obvious way to start the game playing?

\n","games":["rollermaze"]},{"typ":1,"at":379076889,"re":378963957,"author":"Aurélio A. Heckert","login":"aurium","gh":30254,"url":"http://aurium.one","text":"

That is sad… I’m a Firefox user and I test it in FF on desktop (Linux) and mobile (Android). I would be grateful if you give-me more details http://t.me/aurium

\n"},{"at":379030195,"author":"Christoph Schansky","login":"DerBenniBanni","gh":5499976,"text":"

Good looking minesweeper, the fact that this is CSS-only is amazing!

\n

The click-menu and the board animations are a little bit slowly paced, I would prefer a faster animation-speed.

\n","games":["Aargh! Triskaideka attacks!"]},{"typ":1,"at":379077272,"re":379030195,"author":"Aurélio A. Heckert","login":"aurium","gh":30254,"url":"http://aurium.one","text":"

Thank you so much! I really enjoined to prove it is possible. 😊

\n

Speed up the ctx-menu. Noted for 2025. ✍️

\n"},{"at":379179104,"author":"Lakshman","login":"LakshmanKishore","gh":61258323,"url":"lakshman.vercel.app","twitter":"Lakshman007bff","text":"

This is amazing!\nIt would be fantastic if clicking a block with the number 0 revealed the neighboring blocks with 0 as well.\nNice entry.

\n","games":["Facing 13"]},{"at":379324589,"author":"Ryan Tyler","login":"tyler6699","gh":50468,"url":"https://carelesslabs.co.uk","text":"

I have always loved MS flags! Looks really cool, impressive to make with only CSS.

\n","games":["The Fear Factory"]},{"at":379472230,"author":"Almut Kieffer-Jones","login":"mxlle","gh":6170306,"text":"

Wow! Huge respect for the implementation in pure CSS.\nAlso it looks great. Cute details on the lady bug 🐞

\n

Though with the limited capabilities of css, gameplay and controls suffer a bit (and Audio too obviously).

\n

Nevertheless very impressive 👏

\n

Maybe there needs to be a separate css13k jam? 🙃

\n","games":["The Society of Multiphobics"]},{"at":379836062,"author":"Mark Vasilkov","login":"mvasilkov","gh":140257,"url":"https://mvasilkov.animuchan.net","twitter":"mvasilkov","text":"

It’s possible to cheat by resizing the window, as the elements move to their place slowly and with different speed / easing, you can see where the bombs are.

\n

Cute ladybug!

\n","games":["Shoot 13 Nomsters","King Thirteen"]},{"typ":2,"at":380092287,"author":"Christer Kaitila","login":"McFunkypants","gh":2111957,"url":"http://www.mcfunkypants.com","text":"

this game is so stylish! and smooth! and the graphics and gameplay are extremely impressive considering they don’t use any js code!

\n

the thing I loved the most about this phenomenal js13k entry was an extra little detail; a ladybug that crawls across the table, with animated legs, and wings that open and close! 🐞 when I saw that, my jaw dropped to the floor! wonderful work.

\n

p.s. looking for a fun future project, maybe for js13 next year? make a css game starring this lovely ladybug! perhaps landing on flowers gently, like lunar lander on physics spring bendy branches… =) lol sorry I love to dream up game ideas and give them away! use or ignore freely. peace.

\n"},{"at":380103848,"author":"Siorki","login":"Siorki","gh":2333431,"text":"

Implementing all the logic of a minesweeper in CSS is an outstanding achievement. Love the ladybug moving around.

\n

Controls are a bit uneasy, having to click open / flag for each square, and the empty squares not automatically opening the neighbouring ones. But I guess that’s a limitation of pure CSS.

\n","games":["2048 / 13"]},{"typ":2,"at":380435261,"author":"Matt Hackett","login":"richtaur","gh":24601,"url":"https://valadria.com","twitter":"richtaur","text":"

A minesweeper game intended to be two-player. I would have preferred a way to play single player, and for the theme to be more tightly integrated into the gameplay. The CSS animations are very cool, the gameplay is clear, and it’s overall well made. Nice job!

\n"}],"results":{"theme":{"rank":158,"min":1,"score":1.61,"max":4.2},"innovation":{"rank":122,"min":1,"score":2.39,"max":4.47},"gameplay":{"rank":140,"min":1,"score":2.11,"max":4.29},"graphics":{"rank":88,"min":1,"score":3.06,"max":4.76},"audio":{"rank":139,"min":1,"score":1.28,"max":4.34},"controls":{"rank":140,"min":1,"score":2.28,"max":4.24},"primary":{"rank":148,"min":6,"score":12.72,"max":24.47},"label":"Overall"}}