Looks cool! Wish I knew how to play Mahjong tho
Show HN: 3D Mahjong, Built in CSS
41–50 of 62 posts
Re: Show HN: 3D Mahjong, Built in CSS
#42It is a nice UX, but with a fatal flaw: Tiles are supposed to be free when there is a side free, but you instead have it coded to be free when the top or bottom is free. Your app, your rules, so if you intended to do that, cool. It is just a fundamental divergence from how other implementations do it.
If you rotate it so the board looks like the traditional solitaire layout, the direction of free tiles is horizontal as it's supposed to be. But then the images on the tiles are rotated 90 degrees. Either way you look at it, something is non-standard.
The other thing is that this implementation doesn't seem to support overlapping tiles, which is kind of important. For instance, the topmost tile should overlap and block all four tiles under it.
Re: Show HN: 3D Mahjong, Built in CSS
#43It is a nice UX, but with a fatal flaw: Tiles are supposed to be free when there is a side free, but you instead have it coded to be free when the top or bottom is free. Your app, your rules, so if you intended to do that, cool. It is just a fundamental divergence from how other implementations do it.
If you rotate it so the board looks like the traditional solitaire layout, the direction of free tiles is horizontal as it's supposed to be. But then the images on the tiles are rotated 90 degrees. Either way you look at it, something is non-standard. The other thing is that this implementation doesn't seem to support overlapping tiles, which is kind of important. For instance, the topmost tile should overlap and blo…
Thank you for the insight! I think rotating the tile images is key. Since I’m using CSS Grid for positioning, there are some limitations around overlap like the one you mentioned, but it should be solvable. I’ll keep working on it to bring it closer to the standard behavior.
Re: Show HN: 3D Mahjong, Built in CSS
#44Really enjoyed that although my final two tiles were stacked and couldn't finish the game!
That's unfortunate! I'll make sure to patch that case.
Re: Show HN: 3D Mahjong, Built in CSS
#45Re: Show HN: 3D Mahjong, Built in CSS
#46Coding + Mahjong related story:
Back in college, while majoring in CS, I had a rough time dealing with semicolons, typos, missed characters while coding.
I thought to myself "I wonder if playing Mahjong in the Windows games would help me get better at scanning code and finding these types of errors". So I tried it and, lo and behold, it did.
Also, in this day and age of LLMs writing a lot of the code, scanning for missing semicolons in code sounds like "I was great at fixing telegraphs!"
Re: Show HN: 3D Mahjong, Built in CSS
#47It is a nice UX, but with a fatal flaw: Tiles are supposed to be free when there is a side free, but you instead have it coded to be free when the top or bottom is free. Your app, your rules, so if you intended to do that, cool. It is just a fundamental divergence from how other implementations do it.
> Tiles are supposed to be free when there is a side free No. According to wikipedia[1]: "A tile is said to be open or exposed if it can be moved either left or right without disturbing other tiles.". Also look at the photo in the wikipedia article[2]. This implementation looks correct to me. [1]: https://en.wikipedia.org/wiki/Mahjong_solitaire [2]: https://en.wikipedia.org/wiki/Mahjong_solitaire#/media/File:...
A "free side" means being exposed on the left or right, matching your Wikipedia quote. On the other hand, OP's implementation checks if it can be moved up or down.
Re: Show HN: 3D Mahjong, Built in CSS
#48This ain't mahjong. Instead, it is some solitaire using mahjong pieces.
Yea, pretty culturally insensive to call this "mahjong"
https://en.wikipedia.org/wiki/Mahjong
Beautifully made though.
What I liked about the first one I saw in the 80s was the cascading shadows. Admittedly they were more important for 2d version
Re: Show HN: 3D Mahjong, Built in CSS
#49This is lovely! Can I suggest make sure that the board is solveable?
This is part of the game. Many games will not be solvable.
Re: Show HN: 3D Mahjong, Built in CSS
#50Earlier quoted context omitted.
Riichi is a good candidate for a video game due to all the specific rules. It has a lot of room for QoL. I have an app on my phone [1] that has made it fun to play and learn thanks to the guidance it has with the rules [1] https://kemono.games/game/Kemono-Mahjong hunky furries aside, it's a really good single player Riichi app lol
>hunky furries Well the other options are the gooner gacha games like Mahjong Soul and Riichi City lol Personally I play on Mahjong Soul because apart from Tenhou that has the most populated PvP with enough players in each rank + it's a butter smooth experience with all the small features. And I love the special modes like Battle of Asura
I second Mahjong Soul!