Show HN: 3D Mahjong, Built in CSS
voxjong.com
Show HN: 3D Mahjong, Built in CSS
1–10 of 62 posts
Re: Show HN: 3D Mahjong, Built in CSS
#2It 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.
Re: Show HN: 3D Mahjong, Built in CSS
#3Very nice! Worked great on my shitty old Motorola phone.
Re: Show HN: 3D Mahjong, Built in CSS
#4wtf kind of magic is that? I looked at the repo and... you've built a 3d CSS rendering engine to create this?
Re: Show HN: 3D Mahjong, Built in CSS
#5It 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.
Thanks for mentioning this. I played a little bit and I felt like it was the opposite of what I'd remembered. I do like that the inaccessible tiles are faded somewhat so that I don't inadvertently try to match them.
Re: Show HN: 3D Mahjong, Built in CSS
#6Nice! Wish the supported rotation was bigger, maybe +- 90 instead of only 90 deg?
Re: Show HN: 3D Mahjong, Built in CSS
#7It 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.
Thank you for the feedback! I will triple check the rules
Re: Show HN: 3D Mahjong, Built in CSS
#8wtf kind of magic is that? I looked at the repo and... you've built a 3d CSS rendering engine to create this?
There's some CSS properties specifically for doing 3D, yeah. You use perspective and perspective-origin to create the view frustum, and then CSS transforms to place your elements in 3D space.
Re: Show HN: 3D Mahjong, Built in CSS
#9Nice! Wish the supported rotation was bigger, maybe +- 90 instead of only 90 deg?
Maybe it was done this way so that they don't have to sort the tiles by depth?
Re: Show HN: 3D Mahjong, Built in CSS
#10If 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