DEV Community

松下治正
松下治正

Posted on

Redefining Web Game Architecture: The Legacy of 'Legend of Occult Puzzle' and 'Ninja Counter!' (06/20 14:22)

The 'Legend of Occult Puzzle' and its latest iteration, 'Ninja Counter!', represent a significant leap in web game architecture, challenging the boundaries of what JavaScript, Canvas, HTML, and CSS can achieve. This article delves into the intricate design and technical innovations that make these games stand out.

The games utilize a pure JavaScript and Canvas-driven approach to create an isometric quarter-view that is meticulously synchronized with HTML elements. The ⚠️ (Warning Sign) front-end HTML flash zone, which auto-activates after 15 seconds of inactivity, serves as an arcade-style AI idle demo system, enhancing player engagement.

Key features include the dynamic handling of special tatami mats like Core, Bomb, Chain, and Shuriken Recovery, which push the limits of browser-based gaming. The implementation of a position data and inversion data synchronization system not only ensures seamless gameplay but also paves the way for future expansions, such as P2P (PeerJS) and WebSocket-enabled online multiplayer battles.

Logic

The development journey, fraught with challenges like JS curses and browser auto-play policies, underscores the dedication and ingenuity required to bring these games to life. This is not just about creating a game; it's about redefining the possibilities of web technology.

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

Top comments (0)