DEV Community

松下治正
松下治正

Posted on

Redefining Web Technology: The Architecture of 'Legend of Occult Puzzle' and 'Ninja Counter!' (06/19 22:16)

The architecture of 'Legend of Occult Puzzle' and 'Ninja Counter!' is a testament to the possibilities of web technology, pushing the boundaries of JavaScript, Canvas, HTML, and CSS. The isometric quarter-view aesthetics, synchronized to the limit with pure JavaScript and HTML elements, have set a new standard for browser games.

The dynamic handling of special tatami mats, such as Core, Bomb, Chain, and Shuriken Recovery, showcases a blend of complex algorithms and advanced animation techniques. The 'self-color counter' and 'intercept steal' mechanics provide a thrilling chain reaction experience, meticulously adjusted to the pixel.

The development journey was fraught with challenges, including JavaScript's quirks and browser auto-play policies (AudioContext suspended). The rescue mechanism, which resurrects BGM and thunder SE with a single tap, is a testament to the relentless refactoring and dedication of the developer.

Looking ahead, the system's design for position data and inversion data synchronization paves the way for future P2P (PeerJS) and WebSocket-based online multiplayer competitions. The 15-second idle auto-start, front-HTML blinking belt (⚠️) arcade-style AI idle demo system adds an extra layer of engagement.

Logic

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

Top comments (0)