CSS로 구현한 3D 마작 게임, 과연 진짜 마작일까?
CSS만을 사용하여 3D 마작 게임을 구현, 독특한 시도로 주목받음
게임 규칙(Game Rules) 및 사용자 경험(UX) 측면에서 기존 마작과의 차이점에 대한 지적이 제기됨
모바일 환경에서 터치 제스처(Touch Gestures) 관련 버그 및 페이지 리프레시(Page Refresh) 문제 발생
3D 렌더링(3D Rendering) 구현 방식에 대한 기술적 궁금증과 해결 가능성(Solvability)에 대한 질문이 이어짐
CSS 3D 렌더링 기술 분석
커뮤니티에서는 CSS만을 사용하여 3D 마작 게임을 구현한 방식에 대해 높은 관심을 보였다. 특히, 3D 렌더링 엔진(3D Rendering Engine)을 CSS로 구축했다는 점에 대해 놀라움을 표하며, CSS의 활용 가능성(CSS Utilization)에 대한 긍정적인 평가가 이어졌다. 하지만, 원근 투영(Perspective Projection) 옵션 부재에 대한 아쉬움과 함께 CSS의 한계에 대한 논의도 있었다. 또한, 모바일 환경(Mobile Environment)에서의 텍스트 선택 및 페이지 리프레시 문제 발생에 대한 지적이 있었다.
게임 규칙 및 UX(User Experience) 문제점
일부 사용자들은 게임 규칙이 기존 마작과 다르다는 점을 지적하며, 게임의 정체성(Game Identity)에 대한 의문을 제기했다. 특히, 타일의 해제 조건이 기존 마작과 다르다는 점은 게임 플레이(Game Play)에 큰 영향을 미치는 요소로 언급되었다. 또한, UX(User Experience) 측면에서, 모바일 환경에서의 터치 제스처(Touch Gestures) 오류 및 페이지 리프레시(Page Refresh) 문제는 개선이 필요한 부분으로 지적되었다.
모바일 환경에서의 문제점
모바일 환경에서 터치 제스처(Touch Gestures)로 인해 페이지가 리프레시되는 문제와 텍스트가 선택되는 버그가 발생했다. 이는 모바일 브라우저(Mobile Browser)의 기본 동작과 충돌하여 사용자 경험(User Experience)을 저해하는 요소로 작용했다. 이러한 문제들은 CSS 코드 내에서 해결할 수 있으며, PWA(Progressive Web App) 개발 시 흔히 발생하는 문제로, CSS를 활용한 해결 방안(CSS-based Solutions)에 대한 논의가 필요하다.
마작 규칙 구현의 어려움
실제 마작 규칙 구현의 복잡성에 대한 논의가 있었다. 특히, 리치 마작(Riichi Mahjong)의 다양한 특수 규칙과 야쿠(Yaku)로 인해 구현 난이도가 높다는 의견이 제시되었다. MCR(Mahjong Competition Rules) 또는 홍콩 마작(Hong Kong Mahjong)과 같은 단순한 규칙을 먼저 구현하는 것이 구현의 용이성(Implementation Ease)을 높이는 방법으로 제시되었다. 또한, 해결 가능성(Solvability)을 보장하는 보드 디자인의 중요성이 강조되었다.