Show HN: 3D Mahjong, Built in CSS

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

I think this is a good example of what CSS can do and probably was not easy to make but I will likely stick with Mahjong that comes with most Linux distributions as they follow rules that people I may end up playing against would know and they have many layouts. I could see this being applied to other things however such as games that require building or repairing something. Or something similar to Minecraft?

Impressive work!

Looks cool! Wish I knew how to play Mahjong tho

Should it be named Shanghai solitaire Or Mahjong Solitaire ?

Really enjoyed that although my final two tiles were stacked and couldn't finish the game!

This is lovely! Can I suggest make sure that the board is solveable?

There are some super weird bugs, sometimes only one of the two pieces are removed and sometimes the field goes blank? Also on every move the faves change?! iOS here. And yeah, no majiang, but still super cool! Nostalgic vibes waiting for my fries and playing the Photo Play touch screen gambling machine (after unlocking it by tapping the words photo and play on the logo with two different fingers and entering the code)

If I click fast enough on mobile it starts trying to select/highlight text, should be able to prevent that with CSS too. I find this is somehow a common issue that separates a lot of PWAs from real apps, the browser text engine is still lurking there in the background trying to recall us all to the glory days of hypermedia

I wish you could rotate all the way. On a phone its also easy to do the refresh gesture.

Now make it _real_ mahjong (; https://en.wikipedia.org/wiki/Mahjong

Which makes me wonder which ruleset would be the easiest to implement. Probably MCR or HK, riichi has too many edge cases and sepcial rules and yakus.

This is pretty cool. I like the look and the gameplay. Though playing on mobile, some of the roatation gestures caused the page to refesh on me a couple of times since they triggered the browser's "drag down to refresh" interaction

Nice! Wish the supported rotation was bigger, maybe +- 90 instead of only 90 deg?

Is the lack of a perspective projection option deliberate? CSS can do that too.

Very nice! Worked great on my shitty old Motorola phone.

Nice!

This ain't mahjong.

Instead, it is some solitaire using mahjong pieces.

Some people say “mar” jong it’s the weirdest thing.

wtf kind of magic is that? I looked at the repo and... you've built a 3d CSS rendering engine to create this?

This has bothing to do with how Mahjong is actually played.