DEV Community

松下治正
松下治正

Posted on

Redefining Web Game Architecture with Legend of Occult Puzzle and Ninja Counter! (06/04 15:41)

The Legend of Occult Puzzle and Ninja Counter! are not just indie games; they represent a groundbreaking evolution in web game architecture. Utilizing pure JavaScript, Canvas, and HTML elements, these games push the boundaries of what is possible in browser-based gaming.

Logic

The isometric quarter-view aesthetic, meticulously synchronized with the game's mechanics, allows for a unique visual and interactive experience. Features like the 'Self-color Counter' (10x score) and 'Stealth Intercept' (enemy score nullification & 2-second stun) offer a chain reaction of excitement, while dynamic processing of special tatami tiles like Core, Bomb, Chain, and Shuriken Recovery adds layers of complexity.

A standout feature is the frontmost HTML alert strip with a blinking warning mark (⚠️), which automatically activates after 15 seconds of inactivity, creating an arcade-style AI idle demo system. This system enhances player immersion and engagement.

The developer faced numerous challenges, including JavaScript limitations and browser auto-play policies (AudioContext suspended). Through relentless refactoring, they implemented a rescue process that revives the BGM and thunder sound effects with a loud blast the moment the screen is touched.

This project, born from a 30-year vision, redefines the potential of web technologies (JS/Canvas/HTML/CSS) and paves the way for future expansions like P2P (PeerJS) and WebSocket-based online multiplayer battles. The position data and inversion data synchronization system is a testament to the technical ingenuity and dedication behind these games.

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

Top comments (0)