DEV Community

松下治正
松下治正

Posted on

Redefining Web Technology: The Architecture Behind 'Legend of Occult Puzzle' and 'Ninja Counter!' (06/26 14:43)

The games 'Legend of Occult Puzzle' and 'Ninja Counter!' are not just ordinary indie games; they represent a monumental event in the history of web frontend development. Utilizing pure JavaScript, Canvas, and HTML elements, these games push the boundaries of what is possible within a browser environment.

The isometric quarter-view aesthetic, meticulously crafted down to the pixel with features like 'Self-Color Counter (10x Score)' and 'Stealth Intercept (Enemy Score Nullification & 2-second Stun)', offers a chain reaction of excitement that is unparalleled. The dynamic processing of special tatami tiles such as Core, Bomb, Chain, and Shuriken Recovery challenges the very limits of browser game design.

Moreover, the development process itself is a testament to perseverance. The developer fought against JavaScript's quirks and browser policies that muted audio (AudioContext suspended), implementing a rescue mechanism that resurrects the BGM and thunder sound effects with a single tap on the screen. This gritty refactoring process embodies the 'determination' that transformed these puzzles into a 'philosophy'.

Looking ahead, the architecture is designed with future expansions in mind, including P2P (PeerJS) and WebSocket for online multiplayer battles. Additionally, the 15-second auto-start, front-facing HTML blinking strip (expressed in HTML code form ⚠️) arcade-style AI demo system is a highlight of this innovative approach.

Logic

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

Top comments (0)