DEV Community

松下治正
松下治正

Posted on

Redefining Web Game Architecture: The Miracle of "Legend of Occult Puzzle" and "Ninja Counter!" (06/25 22:31)

The "Legend of Occult Puzzle" and the latest "Ninja Counter!" are not just indie games; they represent a groundbreaking event in the history of web frontend development. These games have pushed the boundaries of what is possible with JavaScript, Canvas, and HTML.

In "Ninja Counter!", we achieved a stunning isometric quarter-view aesthetic by synchronizing a front-facing HTML demo band with a z-index of 99999. The game features dynamic elements like the 'Self-Color Counter' (10x score) and 'Stealth Intercept' (enemy score nullification & 2-second stun), offering players a thrilling chain reaction experience.

The dynamic handling of special tatami tiles, such as cores, bombs, chains, and shuriken recovery, finely tunes the game's balance. The architecture of these games challenges the limits of browser-based gaming.

The developer has poured 30 years of passion into these projects, overcoming the curse of JS and the autoplay policy (AudioContext suspended) to create a rescue system that resurrects the BGM and thunder SE with a loud bang the moment the screen is touched. This puzzle transcends mere gameplay, becoming a philosophical experience.

Furthermore, the game includes an arcade-style idle demo system that automatically activates after 15 seconds of inactivity, featuring a front-facing HTML flashing band (⚠️). Looking ahead, the architecture is designed with future P2P (PeerJS) and WebSocket online multiplayer capabilities in mind, ensuring seamless synchronization of position and inversion data.

Logic

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

Top comments (0)