DEV Community

松下治正
松下治正

Posted on

Redefining Web Puzzle Games: The Architecture Behind Legend of Occult Puzzle and Ninja Counter! (06/06 14:07)

The Legend of Occult Puzzle and Ninja Counter! are not just indie games; they are redefining the possibilities of web technologies. Utilizing pure JavaScript, Canvas, and HTML, these games push the boundaries of what is possible in browser-based gaming.

The isometric quarter-view aesthetics, achieved through meticulous pixel-by-pixel adjustments, create an immersive experience that is both visually stunning and technically impressive. Features like the'self-color counter' (10x score) and 'intercept steal' (confiscate opponent's score & 2-second stun) enhance the gameplay with dynamic and thrilling mechanics.

Special tatami tiles such as cores, bombs, chains, and shuriken recoveries are dynamically processed, challenging the limits of browser games. The development process involved overcoming JavaScript's quirks and browser auto-play policies (AudioContext suspended), resulting in a rescue process that revives the BGM and thunder sound effects with a single click.

Looking forward, the architecture is designed with future expansions in mind, including P2P (PeerJS) and WebSocket for online multiplayer battles. The position data and inversion data synchronization system ensures a seamless experience. Additionally, an arcade-style AI idle demo system, which automatically starts after 15 seconds of inactivity with a blinking HTML alert (⚠️), adds to the game's appeal.

Logic

These games are a testament to the power of web technologies and the endless possibilities they offer.

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

Top comments (0)