DEV Community

松下治正
松下治正

Posted on

Redefining Web Game Architecture with Legend of Occult Puzzle and Ninja Counter! (06/05 10:13)

The world of web games is on the brink of a revolution, thanks to the groundbreaking creations, Legend of Occult Puzzle and Ninja Counter!. These games are not just indie titles; they are redefining the very architecture of web games, pushing the boundaries of what JavaScript, Canvas, HTML, and CSS can achieve.

Legend of Occult Puzzle is a unique puzzle game that uses pure JavaScript and Canvas API to create an otherworldly experience. Positioned directly under the HTML body with a z-index of 99999, the front-most HTML demo belt allows players to experience the aesthetics of a diamond (isometric) quarter view at the pixel level. The game's standout feature is the 'Self-Color Reversal (10x Score)' and 'Interception Theft (Enemy Score Nullification & 2-second Stun)', which create a chain of exhilaration. Special tatami mat dynamic processing, including Core, Bomb, Chain, and Shuriken Recovery, offers players a sensation that transcends mere gameplay.

Ninja Counter! takes the refined mathematical ideas from Legend of Occult Puzzle and condenses them into a high-speed 3D tatami flipping puzzle action game. The extreme synchronization of pure JavaScript and Canvas requires players to make split-second decisions and perform the optimal tatami flips. This game is a fusion of ancient secrets and modern technology, creating a deterministic chaos experience that burns through the brain.

As the developer, I have nurtured these two games with 30 years of passion and dedication. Fighting against the constraints of JS and browser auto-play policies (AudioContext suspended), I implemented a rescue process that resurrects BGM and thunder sound effects with explosive sound the moment the screen is touched. This puzzle is more than just a game; it is an experience that stimulates players' thinking and guides them towards philosophy.

Logic

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

Top comments (0)