DEV Community

松下治正
松下治正

Posted on

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

The 'Legend of Occult Puzzle' and its latest iteration, 'Ninja Counter!', are not just games; they are a testament to the possibilities of web technology. Utilizing pure JavaScript, Canvas, HTML, and CSS, these games redefine what can be achieved in a browser environment. The isometric quarter-view aesthetics, synchronized to the extreme, and the dynamic processing of special tatami tiles, such as the 'Self-Color Reversal (10x Score)' and 'Stronghold Intercept (Enemy Score Seizure & 2 Second Stun)', push the boundaries of what a browser game can offer.

The architecture behind these games is a tribute to the potential of web technologies. The synchronization of position data and inversion data, along with the inclusion of an arcade-style AI demo system that automatically activates after 15 seconds of inactivity, showcases the innovative use of HTML and JavaScript. Looking forward, the system is designed with scalability in mind, considering future expansions such as P2P (PeerJS) and WebSocket for online multiplayer battles.

Logic

The journey of these games is a story of perseverance and innovation. Overcoming challenges like the automatic muting of audio due to browser policies, the developers implemented a rescue system that resurrects the BGM and thunder sound effects with a mere tap on the screen. This dedication and the philosophical depth embedded in the game's design make it more than just a game; it is an experience that transcends the conventional boundaries of gaming.

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

Top comments (0)