Miracle of Fluids! Fluid flow! Injected into a conduit! Flow as it is! Flow control! Become the worlds first fluid controller! Players manipulate the liquid flowing in a conduit in pursuit of optimum flow! The players controllers mission is to achieve the role of fluid controller, a role that he or she identifies himself or herself with! Of course, such a fluid controller does not exist, but we live in an age of diversity! Manipulate the controller with such a mission to extract the optimum flow from the conduit! If you are tired of pursuing the flow, the next step is the conduit! Here we will explore complex conduits and then focus on liquids as parts! Of course, there are a myriad of conduit structures, so adequate preparation is recommended in the initial design! Once the preparation in the conduits is complete, its time for the final step! Achieve optimal flow! How much liquid is utilized depends on the preparation so far! Display the final achieved flow as a score! The game tests the players thinking and intuition and is addictive in its pursuit of optimal flow! An exciting and unparalleled experience awaits you!'s game

Click here for free DL of the app version that can save data.

No:8480

3605

←

Prev Next

→

Miracle of Fluids! Fluid flow! Injected into a con..ALL
Developer User3589｜Date and time 23/7/16 9:48:43
Build time 14.089 sec｜Game capacity 1.593KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
   <title>流体制御者</title>
   <style>
      #gameBoard {
          width: 80vw;
          height: 80vh;
          border: 2px solid black;
          margin: 10px;
      }
   </style>
</head>
<body>
   <div id="gameBoard"></div>

// ゲームボードの初期化
      const gameBoard = document.getElementById("gameBoard");

// ゲームボード上でのクリックイベント
      gameBoard.addEventListener("click", function(event) {
          const x = Math.floor(event.clientX / gridSize);
          const y = Math.floor(event.clientY / gridSize);

// 液体の流れを制御する関数呼び出し
          controlFluidFlow(x, y);
      });

// 液体の流れを制御する関数
      function controlFluidFlow(x, y) {
          // TODO: 液体の流れの制御処理を実装する

// ユーザーがクリックした位置に液体を表示する
          const fluid = document.createElement("div");
          fluid.style.width = gridSize + "px";
          fluid.style.height = gridSize + "px";
          fluid.style.backgroundColor = fluidColor;
          fluid.style.position = "absolute";
          fluid.style.left = (x * gridSize) + "px";
          fluid.style.top = (y * gridSize) + "px";
          gameBoard.appendChild(fluid);
      }
   </script>
</body>
</html>