DEV Community

松下治正
松下治正

Posted on

Redefining Web Puzzle Games: The Architecture Behind 'Legend of Occult Puzzle' and 'Ninja Counter!' (06/08 11:19)

The 'Legend of Occult Puzzle' and its latest iteration 'Ninja Counter!' have not only captivated players with their unique gameplay but have also pushed the boundaries of web technology. These games utilize pure JavaScript, Canvas, and HTML to create an isometric quarter-view aesthetic that is meticulously crafted down to the pixel. The dynamic processing of special tatami tiles, such as the 'Self-color Great Reversal (10x Score)' and 'Stealth Intercept (Enemy Score Nullification & 2 Second Stun)', offers a chain reaction of thrill that challenges the very limits of browser games.

The architecture behind these games is a testament to redefining the capabilities of web technologies. The system for synchronizing position data and inversion data is designed with future expansions in mind, including potential P2P (PeerJS) and WebSocket online multiplayer battles. Additionally, the arcade-style AI idle demo system, which automatically activates a flashing HTML alert after 15 seconds of inactivity, showcases the innovative use of HTML and JavaScript.

The development process was a battle against the limitations imposed by JavaScript and browser auto-play policies (AudioContext suspended). The rescue processing that resurrects the BGM and thunder sound effects with a loud bang the moment a player touches the screen is a culmination of relentless refactoring and sheer determination. This is not just a game; it is a philosophy that invites players into a realm where ancient wisdom and deterministic chaos intertwine.

Logic

'Legend of Occult Puzzle' and 'Ninja Counter!' are not merely games; they are a testament to the potential of web technology and a glimpse into the future of online multiplayer gaming.

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

Top comments (0)