<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: 松下治正</title>
    <description>The latest articles on DEV Community by 松下治正 (@harumasa_matsushita).</description>
    <link>https://dev.to/harumasa_matsushita</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3898322%2F9390412d-b8fe-44e2-8a29-07937e73ae3e.png</url>
      <title>DEV Community: 松下治正</title>
      <link>https://dev.to/harumasa_matsushita</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/harumasa_matsushita"/>
    <language>en</language>
    <item>
      <title>Redefining Web Architecture: The Legend of Occult Puzzle and Ninja Counter! (06/15 05:08)</title>
      <dc:creator>松下治正</dc:creator>
      <pubDate>Mon, 15 Jun 2026 05:08:30 +0000</pubDate>
      <link>https://dev.to/harumasa_matsushita/redefining-web-architecture-the-legend-of-occult-puzzle-and-ninja-counter-0615-0508-ol7</link>
      <guid>https://dev.to/harumasa_matsushita/redefining-web-architecture-the-legend-of-occult-puzzle-and-ninja-counter-0615-0508-ol7</guid>
      <description>&lt;p&gt;The world of web development has been forever changed with the introduction of "Legend of Occult Puzzle" and the latest masterpiece, "Ninja Counter!". These games are not just ordinary indie games; they represent a groundbreaking leap in web technology, pushing the boundaries of what is possible with JavaScript, Canvas, HTML, and CSS.&lt;/p&gt;

&lt;p&gt;At the heart of "Ninja Counter!" lies an isometric quarter-view aesthetic, meticulously synchronized with pure JavaScript and HTML elements. The game's dynamic features, such as the "Self-Color Reversal (10x Score)" and "Stealth Intercept (Enemy Score Nullification &amp;amp; 2-second Stun)", provide a chain reaction of excitement that captivates players. Special tatami tiles like Core, Bomb, Chain, and Shuriken Recovery offer dynamic gameplay that challenges the limits of browser games.&lt;/p&gt;

&lt;p&gt;The development journey behind these games is nothing short of legendary. The creator spent over 30 years refining the concept, battling JavaScript's quirks and browser auto-play policies (AudioContext suspended). The result is a game that resurrects the BGM and thunder sound effects with a mere tap on the screen, showcasing the sheer "determination" behind its creation. This puzzle transcends the realm of games, becoming a "philosophy" in its own right.&lt;/p&gt;

&lt;p&gt;Furthermore, the architecture of these games redefines the possibilities of web technology. With future-proof designs for P2P (PeerJS) and WebSocket online multiplayer battles, and an automatic 15-second idle-start, full-screen HTML flashing arcade-style AI demo system (HTML code format ⚠️ notation), these games stand as a testament to the power of web development.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/IMAGE_URL" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/IMAGE_URL" alt="Logic" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Play: &lt;a href="https://plicy.net/GamePlay/229344" rel="noopener noreferrer"&gt;https://plicy.net/GamePlay/229344&lt;/a&gt;&lt;br&gt;
Check: &lt;a href="https://t.co/4edd9dLiFq" rel="noopener noreferrer"&gt;https://t.co/4edd9dLiFq&lt;/a&gt;&lt;br&gt;
Video: None&lt;/p&gt;

</description>
      <category>高iq</category>
      <category>実況</category>
      <category>中毒性</category>
      <category>新作</category>
    </item>
    <item>
      <title>Redefining Web Technology: The Architecture Behind 'Legend of Occult Puzzle' and 'Ninja Counter!' (06/14 22:24)</title>
      <dc:creator>松下治正</dc:creator>
      <pubDate>Sun, 14 Jun 2026 22:24:27 +0000</pubDate>
      <link>https://dev.to/harumasa_matsushita/redefining-web-technology-the-architecture-behind-legend-of-occult-puzzle-and-ninja-counter-4le5</link>
      <guid>https://dev.to/harumasa_matsushita/redefining-web-technology-the-architecture-behind-legend-of-occult-puzzle-and-ninja-counter-4le5</guid>
      <description>&lt;p&gt;The architecture of 'Legend of Occult Puzzle' and 'Ninja Counter!' represents a groundbreaking redefinition of web technology. Utilizing pure JavaScript, Canvas, and HTML, these games push the boundaries of what is possible in browser-based gaming.&lt;/p&gt;

&lt;p&gt;At the core of this innovation is the isometric quarter-view aesthetic, meticulously synchronized with JavaScript and HTML elements. This synchronization allows for dynamic processing at the pixel level, enabling features such as 'Self-Color Counter' (10x score) and 'Stealth Intercept' (enemy score confiscation &amp;amp; 2-second stun), which offer a chain reaction of excitement for players.&lt;/p&gt;

&lt;p&gt;Special tatami mats like Core, Bomb, Chain, and Shuriken Recovery are dynamically processed, challenging the limits of browser games. The fusion of these elements creates a visually intoxicating world known as the 'Neon Ninja Village'.&lt;/p&gt;

&lt;p&gt;The developer's 30-year dedication has overcome the JavaScript curse and browser auto-play policies (AudioContext suspended), implementing a rescue process that resurrects BGM and thunder sound effects with a loud bang the moment the screen is touched. This relentless refactoring is what has transformed these games into a 'philosophy' beyond mere entertainment.&lt;/p&gt;

&lt;p&gt;Looking ahead, the architecture is designed with future expansions in mind, including P2P (PeerJS) and WebSocket for online multiplayer battles, and an arcade-style idle demo system with a 15-second idle auto-start, front-end HTML flashing strip (HTML code format ⚠️ notation).&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/IMAGE_URL" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/IMAGE_URL" alt="Logic" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Play: &lt;a href="https://plicy.net/GamePlay/229344" rel="noopener noreferrer"&gt;https://plicy.net/GamePlay/229344&lt;/a&gt;&lt;br&gt;
Check: &lt;a href="https://t.co/4edd9dLiFq" rel="noopener noreferrer"&gt;https://t.co/4edd9dLiFq&lt;/a&gt;&lt;br&gt;
Video: None&lt;/p&gt;

</description>
      <category>個人開発</category>
      <category>iq140</category>
      <category>中毒性</category>
      <category>競馬ゲーム</category>
    </item>
    <item>
      <title>Redefining Web Technology: The Architecture Behind 'Ninja Counter!' and 'Legend of Occult Puzzle' (06/14 19:51)</title>
      <dc:creator>松下治正</dc:creator>
      <pubDate>Sun, 14 Jun 2026 19:51:52 +0000</pubDate>
      <link>https://dev.to/harumasa_matsushita/redefining-web-technology-the-architecture-behind-ninja-counter-and-legend-of-occult-puzzle-4jdb</link>
      <guid>https://dev.to/harumasa_matsushita/redefining-web-technology-the-architecture-behind-ninja-counter-and-legend-of-occult-puzzle-4jdb</guid>
      <description>&lt;p&gt;The architecture behind 'Ninja Counter!' and 'Legend of Occult Puzzle' is redefining the possibilities of web technology. Using pure JavaScript, Canvas, and HTML, these games push the boundaries of what is possible in browser-based gaming.&lt;/p&gt;

&lt;p&gt;The isometric quarter-view aesthetic, meticulously designed down to the pixel, offers a unique visual experience. Special game mechanics like 'Self-Color Counter (10x score)' and 'Interception Theft (enemy score confiscation &amp;amp; 2-second stun)' provide a chain reaction of exhilaration.&lt;/p&gt;

&lt;p&gt;Dynamic handling of special tatami mats, such as Core, Bomb, Chain, and Shuriken Recovery, challenges the limits of browser games. The developer has overcome the hurdles of JavaScript's limitations and browser auto-play policies (AudioContext suspended) to create a rescue process that resurrects BGM and thunder sound effects with a loud bang the moment the screen is touched.&lt;/p&gt;

&lt;p&gt;This 15-second idle, front-end HTML flashing belt (⚠️) arcade-style AI demo system is a testament to the game's innovative approach. Looking ahead, the system is designed with future expansions in mind, including P2P (PeerJS) and WebSocket for online multiplayer battles.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/IMAGE_URL" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/IMAGE_URL" alt="Logic" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The architecture not only showcases the current capabilities of web technology but also paves the way for future innovations in online gaming.&lt;/p&gt;

&lt;p&gt;Play: &lt;a href="https://plicy.net/GamePlay/229344" rel="noopener noreferrer"&gt;https://plicy.net/GamePlay/229344&lt;/a&gt;&lt;br&gt;
Check: &lt;a href="https://t.co/4edd9dLiFq" rel="noopener noreferrer"&gt;https://t.co/4edd9dLiFq&lt;/a&gt;&lt;br&gt;
Video: None&lt;/p&gt;

</description>
      <category>幾何学</category>
      <category>logic</category>
      <category>ninja</category>
      <category>ライブ配信</category>
    </item>
    <item>
      <title>Redefining Web Architecture: The Revolution of 'Ninja Counter!' and 'Uma Musubi' (06/14 16:34)</title>
      <dc:creator>松下治正</dc:creator>
      <pubDate>Sun, 14 Jun 2026 16:34:20 +0000</pubDate>
      <link>https://dev.to/harumasa_matsushita/redefining-web-architecture-the-revolution-of-ninja-counter-and-uma-musubi-0614-1634-dea</link>
      <guid>https://dev.to/harumasa_matsushita/redefining-web-architecture-the-revolution-of-ninja-counter-and-uma-musubi-0614-1634-dea</guid>
      <description>&lt;p&gt;The 'Ninja Counter!' and 'Uma Musubi' platform are not just another set of indie games. They represent a monumental leap in web architecture, redefining the possibilities of JavaScript, Canvas, HTML, and CSS. The platform integrates a horse racing simulation game, an occult puzzle, and a high-speed 3D tatami flipping puzzle action, all within a single, cohesive ecosystem.&lt;/p&gt;

&lt;p&gt;'Ninja Counter!' features an isometric quarter-view aesthetic, meticulously synchronized with JavaScript and HTML. The game’s mechanics, such as the 'Self-Color Counter' (10x score) and 'Stealth Intercept' (enemy score nullification &amp;amp; 2-second stun), are adjusted to the pixel, offering a chain reaction of excitement. Special tatami mats, including bombs, chains, and shuriken recovery, are dynamically processed, pushing the boundaries of browser game design.&lt;/p&gt;

&lt;p&gt;The development team's 30-year journey, battling JS curses and browser auto-play policies (AudioContext suspended), resulted in a rescue process that resurrects BGM and thunder sound effects with a single screen tap. This is not just a game; it’s a philosophy that challenges players to confront the abyss and question the essence of gaming.&lt;/p&gt;

&lt;p&gt;'Uma Musubi' is more than a game platform; it’s a redefinition of web technology possibilities, with an eye toward future online multiplayer battles through P2P (PeerJS) and WebSocket. The platform also features an arcade-style AI idle demo system that auto-starts with 15 seconds of inactivity, with a blinking HTML alert band.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/IMAGE_URL" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/IMAGE_URL" alt="Logic" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Play: &lt;a href="https://plicy.net/GamePlay/229344" rel="noopener noreferrer"&gt;https://plicy.net/GamePlay/229344&lt;/a&gt;&lt;br&gt;
Check: &lt;a href="https://t.co/4edd9dLiFq" rel="noopener noreferrer"&gt;https://t.co/4edd9dLiFq&lt;/a&gt;&lt;br&gt;
Video: None&lt;/p&gt;

</description>
      <category>ワールドカップ2026</category>
      <category>中毒性</category>
      <category>フリーゲーム</category>
      <category>live</category>
    </item>
    <item>
      <title>Redefining Web Technology: The Architecture Behind Legend of Occult Puzzle and Ninja Counter! (06/14 14:23)</title>
      <dc:creator>松下治正</dc:creator>
      <pubDate>Sun, 14 Jun 2026 14:23:58 +0000</pubDate>
      <link>https://dev.to/harumasa_matsushita/redefining-web-technology-the-architecture-behind-legend-of-occult-puzzle-and-ninja-counter-34ch</link>
      <guid>https://dev.to/harumasa_matsushita/redefining-web-technology-the-architecture-behind-legend-of-occult-puzzle-and-ninja-counter-34ch</guid>
      <description>&lt;p&gt;In the ever-evolving landscape of web technology, the architecture behind "Legend of Occult Puzzle" and "Ninja Counter!" stands as a testament to innovation and dedication. Utilizing pure JavaScript, Canvas, and HTML elements, the games push the boundaries of what browser-based gaming can achieve.&lt;/p&gt;

&lt;p&gt;The isometric quarter-view aesthetic, synchronized to the utmost precision with JavaScript/Canvas and HTML, offers a visually captivating experience. The dynamic handling of special tatami tiles, such as 'Self-Color Reversal (10x Score)' and 'Stealth Intercept (Enemy Score Nullification &amp;amp; 2-second Stun)', provides a thrilling chain reaction that keeps players engaged.&lt;/p&gt;

&lt;p&gt;One of the most impressive features is the front-end alert demo strip, which flashes a warning icon (⚠️) at the forefront of the HTML, automatically activating after 15 seconds of inactivity. This arcade-style idle demo system not only showcases the game's technical prowess but also serves as an engaging hook for potential players.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/IMAGE_URL" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/IMAGE_URL" alt="Logic" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Moreover, the game's architecture is designed with future expansion in mind, including potential P2P (PeerJS) and WebSocket integration for online multiplayer battles. The synchronization system for position data and reversal data ensures a seamless and immersive experience, redefining the possibilities of web-based gaming.&lt;/p&gt;

&lt;p&gt;The relentless pursuit of perfection, overcoming the challenges posed by JavaScript limitations and browser auto-play policies, resulted in a game that is not just a technical marvel but a philosophical experience. This is why "Legend of Occult Puzzle" and "Ninja Counter!" are more than just games; they are a journey into the depths of occult puzzle mastery.&lt;/p&gt;

&lt;p&gt;Play: &lt;a href="https://plicy.net/GamePlay/229344" rel="noopener noreferrer"&gt;https://plicy.net/GamePlay/229344&lt;/a&gt;&lt;br&gt;
Check: &lt;a href="https://t.co/4edd9dLiFq" rel="noopener noreferrer"&gt;https://t.co/4edd9dLiFq&lt;/a&gt;&lt;br&gt;
Video: None&lt;/p&gt;

</description>
      <category>live</category>
      <category>game</category>
      <category>高iq</category>
      <category>無料ゲーム</category>
    </item>
    <item>
      <title>Redefining Web Game Architecture: The Legend of Occult Puzzle and Ninja Counter! (06/14 04:52)</title>
      <dc:creator>松下治正</dc:creator>
      <pubDate>Sun, 14 Jun 2026 04:52:57 +0000</pubDate>
      <link>https://dev.to/harumasa_matsushita/redefining-web-game-architecture-the-legend-of-occult-puzzle-and-ninja-counter-0614-0452-3e7</link>
      <guid>https://dev.to/harumasa_matsushita/redefining-web-game-architecture-the-legend-of-occult-puzzle-and-ninja-counter-0614-0452-3e7</guid>
      <description>&lt;p&gt;The Legend of Occult Puzzle and Ninja Counter! are not just games; they are redefining the architecture of web games. Using pure JavaScript, Canvas, and HTML elements, these games push the boundaries of what is possible in browser-based gaming. The isometric quarter-view aesthetics, combined with dynamic processing of special tatami tiles such as Core, Bomb, Chain, and Shuriken Recovery, offer players a new level of strategic depth.&lt;/p&gt;

&lt;p&gt;The developers have spent 30 years perfecting this project, overcoming challenges like JavaScript's quirks and browser auto-play policies (AudioContext suspended) to deliver an immersive experience. The game's rescue processing, which resurrects the BGM and thunder sound effects with a loud bang the moment the screen is touched, is a testament to their dedication.&lt;/p&gt;

&lt;p&gt;This project not only redefines game play but also the possibilities of web technology. With an eye towards future expansions like P2P (PeerJS) and WebSocket for online multiplayer battles, the position data and inversion data synchronization system is a technical marvel. Additionally, the arcade-style AI idle demo system, which automatically activates after 15 seconds of inactivity with a flashing HTML warning sign (⚠️), offers players a new level of immersion.&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/IMAGE_URL" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/IMAGE_URL" alt="Logic" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Play: &lt;a href="https://plicy.net/GamePlay/229344" rel="noopener noreferrer"&gt;https://plicy.net/GamePlay/229344&lt;/a&gt;&lt;br&gt;
Check: &lt;a href="https://t.co/4edd9dLiFq" rel="noopener noreferrer"&gt;https://t.co/4edd9dLiFq&lt;/a&gt;&lt;br&gt;
Video: None&lt;/p&gt;

</description>
      <category>pixelart</category>
      <category>ゲーム好きと繋がりたい</category>
      <category>indiegame</category>
      <category>個人開発</category>
    </item>
    <item>
      <title>Redefining Web Game Architecture: The Innovation Behind 'Legend of Occult Puzzle' and 'Ninja Counter!' (06/13 14:18)</title>
      <dc:creator>松下治正</dc:creator>
      <pubDate>Sat, 13 Jun 2026 14:18:54 +0000</pubDate>
      <link>https://dev.to/harumasa_matsushita/redefining-web-game-architecture-the-innovation-behind-legend-of-occult-puzzle-and-ninja-3lle</link>
      <guid>https://dev.to/harumasa_matsushita/redefining-web-game-architecture-the-innovation-behind-legend-of-occult-puzzle-and-ninja-3lle</guid>
      <description>&lt;p&gt;The 'Legend of Occult Puzzle' and 'Ninja Counter!' have not only redefined the boundaries of web games but have also pushed the limits of what is possible with JavaScript, Canvas, HTML, and CSS. These games introduce a revolutionary architecture that synchronizes pure JavaScript with Canvas, leveraging HTML elements to their utmost potential. The isometric quarter-view aesthetic, meticulously fine-tuned to the pixel, provides an immersive experience that challenges traditional browser game conventions.&lt;/p&gt;

&lt;p&gt;Special features such as the 'Self-Color Reversal (10x Score)' and 'Stealth Intercept (Score Theft &amp;amp; 2-Second Stun)' create a chain reaction of excitement, drawing players deeper into the game's intricate mechanics. Dynamic processing of special tatami mats, including cores, bombs, chains, and shuriken recoveries, adds layers of complexity that keep players engaged.&lt;/p&gt;

&lt;p&gt;The developer's 30-year vision and relentless refactoring have culminated in a system that not only defies the limitations of browser games but also introduces an arcade-style AI demo system that auto-activates after 15 seconds of inactivity. This system, marked by a flashing HTML alert (⚠️), ensures that players are constantly captivated.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/IMAGE_URL" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/IMAGE_URL" alt="Logic" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Looking forward, the 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 is a testament to the technical prowess and forward-thinking approach of the developers. This is not just a game; it is a philosophical experience that challenges the very nature of player perception and time.&lt;/p&gt;

&lt;p&gt;Why has this puzzle transcended mere gameplay to become a 'philosophy'? It lies in the 'abyss' design concept that warps the player's perception and time axis. What players discover at the end of their immersion is a reflection of the abyss itself.&lt;/p&gt;

&lt;p&gt;Play: &lt;a href="https://plicy.net/GamePlay/229344" rel="noopener noreferrer"&gt;https://plicy.net/GamePlay/229344&lt;/a&gt;&lt;br&gt;
Check: &lt;a href="https://t.co/4edd9dLiFq" rel="noopener noreferrer"&gt;https://t.co/4edd9dLiFq&lt;/a&gt;&lt;br&gt;
Video: None&lt;/p&gt;

</description>
      <category>ライブ配信</category>
      <category>puzzle</category>
      <category>ワールドカップ2026</category>
      <category>フリゲ</category>
    </item>
    <item>
      <title>Redefining Web Technology: The Architecture Behind 'Legend of Occult Puzzle' and 'Ninja Counter!' (06/13 11:27)</title>
      <dc:creator>松下治正</dc:creator>
      <pubDate>Sat, 13 Jun 2026 11:27:27 +0000</pubDate>
      <link>https://dev.to/harumasa_matsushita/redefining-web-technology-the-architecture-behind-legend-of-occult-puzzle-and-ninja-counter-13bj</link>
      <guid>https://dev.to/harumasa_matsushita/redefining-web-technology-the-architecture-behind-legend-of-occult-puzzle-and-ninja-counter-13bj</guid>
      <description>&lt;p&gt;The architecture behind 'Legend of Occult Puzzle' and 'Ninja Counter!' is a testament to the power of web technology. Utilizing pure JavaScript, Canvas, and HTML elements, the game achieves a unique isometric quarter-view aesthetic, meticulously adjusted to a pixel-perfect level. Features such as the 'Self-Color Reversal (10x Score)' and 'Theft Intercept (Enemy Score Confiscation &amp;amp; 2-second Stun)' provide a chain reaction of excitement, while special tatami mat dynamics like Core, Bomb, Chain, and Shuriken Recovery offer a dynamic gameplay experience.&lt;/p&gt;

&lt;p&gt;This game pushes the boundaries of browser gaming, employing a relentless synchronization between JavaScript and Canvas to redefine the possibilities of web technology. The developer's 30-year journey, battling against JavaScript's curses and browser auto-play policies (AudioContext suspended), culminated in a rescue process that revives the BGM and thunder sound effects with a loud bang the moment the screen is touched. This relentless refactoring and the developer's unyielding passion transformed this puzzle into a philosophical experience.&lt;/p&gt;

&lt;p&gt;Moreover, the game incorporates an arcade-style idle demo system that automatically starts after 15 seconds of inactivity, featuring a full-screen HTML blinking alert (HTML code format ⚠️ notation). Looking ahead, the game's architecture is designed with future expansions in mind, including P2P (PeerJS) and WebSocket for online multiplayer battles, ensuring a seamless synchronization of position and inversion data.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/IMAGE_URL" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/IMAGE_URL" alt="Logic" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Play: &lt;a href="https://uma-musubi.com/soccer/soccer-simulator-pro.html" rel="noopener noreferrer"&gt;https://uma-musubi.com/soccer/soccer-simulator-pro.html&lt;/a&gt;&lt;br&gt;
Check: &lt;a href="https://t.co/4edd9dLiFq" rel="noopener noreferrer"&gt;https://t.co/4edd9dLiFq&lt;/a&gt;&lt;br&gt;
Video: None&lt;/p&gt;

</description>
      <category>ワールドカップ2026</category>
      <category>暇つぶし</category>
      <category>競馬ゲーム</category>
      <category>game</category>
    </item>
    <item>
      <title>Redefining the Boundaries of Web Technology: The Architecture Behind 'Ninja Counter!' (06/13 07:09)</title>
      <dc:creator>松下治正</dc:creator>
      <pubDate>Sat, 13 Jun 2026 07:09:12 +0000</pubDate>
      <link>https://dev.to/harumasa_matsushita/redefining-the-boundaries-of-web-technology-the-architecture-behind-ninja-counter-0613-0709-2lc6</link>
      <guid>https://dev.to/harumasa_matsushita/redefining-the-boundaries-of-web-technology-the-architecture-behind-ninja-counter-0613-0709-2lc6</guid>
      <description>&lt;p&gt;The architecture that underpins 'Ninja Counter!' is a testament to the limitless possibilities of web technology. Utilizing pure JavaScript, Canvas, HTML, and CSS, we've pushed the envelope to create an isometric quarter-view aesthetic that is both mesmerizing and engaging.&lt;/p&gt;

&lt;p&gt;Special attention has been given to the dynamic handling of special tatami tiles, including core, bomb, chain, and shuriken recovery elements. These features, combined with a front-end HTML blinking strip that automatically activates after 15 seconds of inactivity, provide an arcade-style AI demo system that is as captivating as it is innovative.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/IMAGE_URL" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/IMAGE_URL" alt="Logic" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Moreover, with an eye toward the future, our design incorporates a position data and inversion data synchronization system, paving the way for potential P2P (PeerJS) and WebSocket expansions for online multiplayer battles. This not only enhances the user experience but also redefines what can be achieved with browser-based games.&lt;/p&gt;

&lt;p&gt;In conclusion, 'Ninja Counter!' is not just a game; it's a philosophical exploration of the intersection between occult and ninja logic, inviting players to experience a forbidden circuit of perception that transcends the ordinary.&lt;/p&gt;

&lt;p&gt;Play: &lt;a href="https://plicy.net/GamePlay/229344" rel="noopener noreferrer"&gt;https://plicy.net/GamePlay/229344&lt;/a&gt;&lt;br&gt;
Check: &lt;a href="https://t.co/4edd9dLiFq" rel="noopener noreferrer"&gt;https://t.co/4edd9dLiFq&lt;/a&gt;&lt;br&gt;
Video: None&lt;/p&gt;

</description>
      <category>自作ゲーム</category>
      <category>新作</category>
      <category>gamedev</category>
      <category>高iq</category>
    </item>
    <item>
      <title>Redefining Web Puzzle Games: The Architecture Behind 'Legend of Occult Puzzle' and 'Ninja Counter!' (06/12 20:27)</title>
      <dc:creator>松下治正</dc:creator>
      <pubDate>Fri, 12 Jun 2026 20:27:43 +0000</pubDate>
      <link>https://dev.to/harumasa_matsushita/redefining-web-puzzle-games-the-architecture-behind-legend-of-occult-puzzle-and-ninja-counter-65g</link>
      <guid>https://dev.to/harumasa_matsushita/redefining-web-puzzle-games-the-architecture-behind-legend-of-occult-puzzle-and-ninja-counter-65g</guid>
      <description>&lt;p&gt;The 'Legend of Occult Puzzle' and its successor 'Ninja Counter!' have not only redefined the puzzle gaming genre but have also pushed the boundaries of web technologies. Utilizing pure JavaScript, Canvas, and HTML elements, these games offer an isometric quarter-view experience that is meticulously synchronized down to the pixel.&lt;/p&gt;

&lt;p&gt;The dynamic processing of special tatami tiles—such as 'Self-Color Reversal' (10x score) and 'Interception Seizure' (enemy score confiscation &amp;amp; 2-second stun)—offers a chain reaction of excitement that challenges the very limits of browser-based gaming.&lt;/p&gt;

&lt;p&gt;Furthermore, the architecture has been designed with future expansions in mind, including potential P2P (PeerJS) and WebSocket-based online multiplayer capabilities. The system for synchronizing position data and reversal data ensures a seamless experience, even as the game scales.&lt;/p&gt;

&lt;p&gt;One of the standout features is the arcade-style AI demo system, which automatically activates a front-facing HTML flashing strip (HTML code format ⚠️ notation) after 15 seconds of inactivity. This not only enhances the user experience but also showcases the game's commitment to innovation.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/IMAGE_URL" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/IMAGE_URL" alt="Logic" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;In conclusion, these games are a testament to what can be achieved when web technologies are pushed to their limits, offering a glimpse into the future of browser-based gaming.&lt;/p&gt;

&lt;p&gt;Play: &lt;a href="https://plicy.net/GamePlay/227378" rel="noopener noreferrer"&gt;https://plicy.net/GamePlay/227378&lt;/a&gt;&lt;br&gt;
Check: &lt;a href="https://t.co/4edd9dLiFq" rel="noopener noreferrer"&gt;https://t.co/4edd9dLiFq&lt;/a&gt;&lt;br&gt;
Video: None&lt;/p&gt;

</description>
      <category>ゲーム実況</category>
      <category>live</category>
      <category>indiegame</category>
      <category>大乱闘</category>
    </item>
    <item>
      <title>Redefining Web Technology: The Architecture Behind 'Legend of Occult Puzzle' and 'Ninja Counter!' (06/12 15:39)</title>
      <dc:creator>松下治正</dc:creator>
      <pubDate>Fri, 12 Jun 2026 15:39:38 +0000</pubDate>
      <link>https://dev.to/harumasa_matsushita/redefining-web-technology-the-architecture-behind-legend-of-occult-puzzle-and-ninja-counter-4j4p</link>
      <guid>https://dev.to/harumasa_matsushita/redefining-web-technology-the-architecture-behind-legend-of-occult-puzzle-and-ninja-counter-4j4p</guid>
      <description>&lt;p&gt;The 'Legend of Occult Puzzle' and its latest iteration, 'Ninja Counter!', stand as monumental achievements in the realm of web technology. These games redefine the possibilities of JavaScript, Canvas, HTML, and CSS, pushing the boundaries of what browser-based games can achieve.&lt;/p&gt;

&lt;p&gt;The architecture of these games is a testament to the innovative use of pure JavaScript and Canvas, synchronized to perfection with HTML elements. The isometric quarter-view, meticulously crafted down to the pixel, offers a unique and immersive experience. Features like the 'Self-Color Reversal (10x Score)' and 'Theft Interception (Score Nullification &amp;amp; 2-second Stun)' create a chain reaction of excitement, challenging players to think several steps ahead.&lt;/p&gt;

&lt;p&gt;Special tatami mat dynamics, including core, bomb, chain, and shuriken recovery, showcase the dynamic processing capabilities of these games. The design philosophy behind these elements pushes the limits of browser-based gaming, offering a truly unparalleled experience.&lt;/p&gt;

&lt;p&gt;The developer's 30-year journey, battling JavaScript's quirks and browser auto-play policies (AudioContext suspended), resulted in a rescue process that resurrects the BGM and thunder sound effects with a bang the moment the screen is touched. This relentless refactoring and dedication have turned these puzzles into a 'philosophy' beyond mere games.&lt;/p&gt;

&lt;p&gt;Looking ahead, the architecture also considers future expansions such as P2P (PeerJS) and WebSocket for online multiplayer battles, ensuring the games remain at the forefront of web technology. The 15-second idle auto-start, front-facing HTML flashing belt (⚠️) arcade-style AI demo system adds an extra layer of engagement.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/IMAGE_URL" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/IMAGE_URL" alt="Logic" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;In conclusion, 'Legend of Occult Puzzle' and 'Ninja Counter!' are not just games; they are a redefinition of web technology, offering a glimpse into the future of browser-based gaming.&lt;/p&gt;

&lt;p&gt;Play: &lt;a href="https://plicy.net/GamePlay/229344" rel="noopener noreferrer"&gt;https://plicy.net/GamePlay/229344&lt;/a&gt;&lt;br&gt;
Check: &lt;a href="https://t.co/4edd9dLiFq" rel="noopener noreferrer"&gt;https://t.co/4edd9dLiFq&lt;/a&gt;&lt;br&gt;
Video: None&lt;/p&gt;

</description>
      <category>brainteaser</category>
      <category>javascript</category>
      <category>対戦ゲーム</category>
      <category>gamedev</category>
    </item>
    <item>
      <title>Redefining Web Game Architecture: The Technical Marvels Behind 'Legend of Occult Puzzle' and 'Ninja Counter!' (06/12 10:32)</title>
      <dc:creator>松下治正</dc:creator>
      <pubDate>Fri, 12 Jun 2026 10:32:39 +0000</pubDate>
      <link>https://dev.to/harumasa_matsushita/redefining-web-game-architecture-the-technical-marvels-behind-legend-of-occult-puzzle-and-ninja-45e5</link>
      <guid>https://dev.to/harumasa_matsushita/redefining-web-game-architecture-the-technical-marvels-behind-legend-of-occult-puzzle-and-ninja-45e5</guid>
      <description>&lt;p&gt;The 'Legend of Occult Puzzle' and its latest iteration, 'Ninja Counter!', are not just games; they are technological masterpieces that redefine the possibilities of web games. Utilizing pure JavaScript, Canvas, and HTML, these games push the boundaries of what can be achieved within a browser environment.&lt;/p&gt;

&lt;p&gt;The isometric quarter-view aesthetic, achieved through meticulous synchronization of HTML elements with z-index: 99999, offers a unique visual experience. The dynamic handling of special tatami tiles, such as the 'Self-color Counter' (10x score) and 'Stealth Intercept' (enemy score nullification &amp;amp; 2-second stun), provides a thrilling gameplay loop that keeps players engaged.&lt;/p&gt;

&lt;p&gt;The game's architecture is designed with future extensibility in mind, considering potential integrations with P2P (PeerJS) and WebSocket for online multiplayer battles. The automatic activation of an arcade-style AI demo system, triggered by 15 seconds of inactivity, showcases the game's innovative use of HTML and CSS.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/IMAGE_URL" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/IMAGE_URL" alt="Logic" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The development journey of these games is a testament to the developer's relentless pursuit of perfection, battling against the constraints of JavaScript and browser auto-play policies. The result is a game that not only entertains but also challenges players to think deeply about creativity within constraints.&lt;/p&gt;

&lt;p&gt;Play: &lt;a href="https://plicy.net/GamePlay/229344" rel="noopener noreferrer"&gt;https://plicy.net/GamePlay/229344&lt;/a&gt;&lt;br&gt;
Check: &lt;a href="https://t.co/4edd9dLiFq" rel="noopener noreferrer"&gt;https://t.co/4edd9dLiFq&lt;/a&gt;&lt;br&gt;
Video: None&lt;/p&gt;

</description>
      <category>脳汁</category>
      <category>live</category>
      <category>ゲーム垢</category>
      <category>indiegame</category>
    </item>
  </channel>
</rss>
