DEV Community

松下治正
松下治正

Posted on

Redefining Web Technology: The Architecture of 'Legend of Occult Puzzle' and 'Ninja Counter!' (07/05 22:13)

The architecture of 'Legend of Occult Puzzle' and 'Ninja Counter!' redefines the possibilities of web technology. Using pure JavaScript, Canvas, and HTML, these games achieve a level of synchronization and visual aesthetics that pushes the boundaries of browser-based gaming.

The isometric quarter-view aesthetic, achieved through precise pixel-by-pixel adjustments, creates a unique gaming experience. Features like the 'Self-Color Counter' (10x score) and 'Stronghold Intercept' (enemy score confiscation & 2-second stun) enhance the thrill of chain reactions, providing a deeply satisfying gameplay experience.

Special tatami mat dynamics, including core, bomb, chain, and shuriken recovery elements, showcase the innovative design thinking that challenges the limits of browser games.

The development process involved overcoming significant technical hurdles, such as JavaScript's limitations and browser auto-play policies (AudioContext suspended). Through relentless refactoring, the team implemented a rescue process that restores explosive BGM and thunder sound effects with a single screen tap, exemplifying their dedication.

Looking ahead, the system is designed with future expansions in mind, including P2P (PeerJS) and WebSocket for online multiplayer battles. Additionally, the auto-start arcade-style AI demo system, which activates after 15 seconds of inactivity with a front-facing HTML blinking strip (HTML code format ⚠️ notation), adds an engaging layer to the gaming experience.

Logic

Play: https://uma-musubi.com/soccer/soccer-simulator-pro.html
Check: https://t.co/4edd9dLiFq
Video: None

Top comments (0)