Show HN: 3D Mahjong, Built in CSS

(voxjong.com)

31 points | by rofko 2 hours ago

10 comments

  • Minor49er 9 minutes ago
    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
  • codingdave 2 hours ago
    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.
    • thih9 6 minutes ago
      > 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.". This implementation looks correct to me.

      [1]: https://en.wikipedia.org/wiki/Mahjong_solitaire

    • rpdillon 1 hour ago
      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.
    • rofko 1 hour ago
      Thank you for the feedback! I will triple check the rules
  • akersten 1 hour ago
    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
  • rdescartes 22 minutes ago
    Should it be named Shanghai solitaire Or Mahjong Solitaire ?
  • haunter 1 hour ago
    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.

    • snvzz 53 minutes ago
      Riichi is the fun one, where skill weights over luck.
      • haunter 41 minutes ago
        I also prefer riichi. Furiten is such a game changer, all other rulesets feel a bit less after that
        • whateveracct 40 minutes ago
          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

          • haunter 6 minutes ago
            >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

  • DuncanCoffee 1 hour ago
    Nice! Wish the supported rotation was bigger, maybe +- 90 instead of only 90 deg?
    • omoikane 1 hour ago
      Maybe it was done this way so that they don't have to sort the tiles by depth?
  • HardwareLust 2 hours ago
    Very nice! Worked great on my shitty old Motorola phone.
  • user3939382 19 minutes ago
    Some people say “mar” jong it’s the weirdest thing.
    • thenthenthen 14 minutes ago
      Sounds like dongbeinese (or erhua) haha, ‘marjang’
  • snvzz 54 minutes ago
    This ain't mahjong.

    Instead, it is some solitaire using mahjong pieces.

  • apresmoi 1 hour ago
    wtf kind of magic is that? I looked at the repo and... you've built a 3d CSS rendering engine to create this?
    • pverheggen 1 hour ago
      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.