DEV Community

松下治正
松下治正

Posted on

Redefining Web Puzzle Games: The Architecture Behind 'Legend of Occult Puzzle' and 'Ninja Counter!' (06/12 20:27)

The 'Legend of Occult Puzzle' and its successor 'Ninja Counter!' have not only redefined the puzzle gaming genre but have also pushed the boundaries of web technologies. Utilizing pure JavaScript, Canvas, and HTML elements, these games offer an isometric quarter-view experience that is meticulously synchronized down to the pixel.

The dynamic processing of special tatami tiles—such as 'Self-Color Reversal' (10x score) and 'Interception Seizure' (enemy score confiscation & 2-second stun)—offers a chain reaction of excitement that challenges the very limits of browser-based gaming.

Furthermore, the architecture has been designed with future expansions in mind, including potential P2P (PeerJS) and WebSocket-based online multiplayer capabilities. The system for synchronizing position data and reversal data ensures a seamless experience, even as the game scales.

One of the standout features is the arcade-style AI demo system, which automatically activates a front-facing HTML flashing strip (HTML code format ⚠️ notation) after 15 seconds of inactivity. This not only enhances the user experience but also showcases the game's commitment to innovation.

Logic

In conclusion, these games are a testament to what can be achieved when web technologies are pushed to their limits, offering a glimpse into the future of browser-based gaming.

Play: https://plicy.net/GamePlay/227378
Check: https://t.co/4edd9dLiFq
Video: None

Top comments (0)