DEV Community

松下治正
松下治正

Posted on

Redefining Web Game Architecture: The Legend of Occult Puzzle and Ninja Counter! (06/02 10:56)

The 'Legend of Occult Puzzle' and the latest 'Ninja Counter!' have not only captivated players but have also redefined the possibilities of web game architecture. Utilizing pure JavaScript, Canvas, and HTML, these games push the boundaries of what is possible in browser-based gaming.

The isometric quarter-view, meticulously adjusted to the pixel, offers a unique visual and gameplay experience. Special mechanics such as the 'Self-Color Counter' (10x score) and 'Stealth Intercept' (enemy score nullification & 2-second stun) provide a thrilling gameplay experience.

The development team faced numerous challenges, including JavaScript limitations and browser auto-play policies (AudioContext suspended). They implemented a rescue mechanism that resurrects the BGM and thunder sound effects with a loud bang as soon as the screen is touched. This game is more than just a game; it is a philosophy born from the developer's perseverance.

'Ninja Counter!' is the pinnacle of 3D quarter-view geometry, offering a unique and immersive experience. The game's innovative mechanics and deep gameplay make it a standout in the world of web games.

Additionally, the game features an arcade-style idle demo system that automatically starts after 15 seconds of inactivity, with a front-facing HTML flashing belt (⚠️). This system keeps players engaged even when they are not actively playing.

Logic

Looking ahead, the game's architecture is designed with future expansions in mind, including P2P (PeerJS) and WebSocket for online multiplayer battles. The position data and inversion data synchronization system ensures a seamless gaming experience.

In conclusion, 'Ninja Counter!' is a testament to the innovative spirit of web game development, pushing the boundaries of what is possible in browser-based gaming.

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

Top comments (0)