DEV Community

松下治正
松下治正

Posted on

Redefining Web Technology: The Revolutionary Architecture of "Legend of Occult Puzzle" and "Ninja Counter!" (06/19 10:53)

The "Legend of Occult Puzzle" and the latest "Ninja Counter!" are not just indie games; they represent a groundbreaking architecture that redefines the possibilities of web technology using JavaScript, Canvas, HTML, and CSS.

These games utilize a diamond (isometric) quarter-view aesthetic, syncing pure JavaScript/Canvas with HTML elements to the extreme. The 1-pixel-accurate "Self-Color Reversal (10x Score)" and "Stealth Intercept (Enemy Score Nullification & 2-second Stun)" mechanics create a chain reaction of excitement, pushing the boundaries of browser-based gaming.

The dynamic handling of special tatami tiles like Core, Bomb, Chain, and Shuriken Recovery in "Ninja Counter!" exemplifies a design philosophy that challenges the limits of browser games. This is not just about solving puzzles; it offers players a philosophical experience.

The developer's 30-year passion and perseverance have been poured into overcoming the curse of JS and the browser's auto-play policy (AudioContext suspended), resulting in a rescue mechanism that resurrects BGM and thunder SE with explosive sound the moment the screen is touched. This gritty refactoring is the essence of why this puzzle transcends mere gaming to become a "philosophy".

Looking ahead, the potential for P2P (PeerJS) and WebSocket online multiplayer battles is immense. The system for syncing position data and inversion data is a testament to the technical prowess behind these games. Additionally, the arcade-style idle demo system, which automatically activates with a 15-second no-operation period, features a forefront HTML blinking belt (⚠️ notation) that captivates players.

Logic

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

Top comments (0)