Add a thickener! Increases viscosity and slows down the falling liquid!'s game

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

No:5144

3051

←

Prev Next

→

Add a thickener! Increases viscosity and slows dow..ALL
Developer anonymous｜Date and time 70/1/1 9:36:06
Build time unknown sec｜Game capacity 2.166KB｜

Script

了解しました。増粘剤を使用した液体のゲームを作成します。以下が、1枚のHTMLファイルとして実装されたJavaScriptを含む増粘剤ゲームの例です。

このプログラムは、スクリーン上部から液体がゆっくりと落下している様子を表現しています。増粘剤を使った液体の粘性を表現するために、液体の落下速度を遅くしています。`animation-duration` の値を増粘剤の粘性を考慮した値に変更して、実行時に効果を確認できます。このゲームではインタラクションがないため、スマートフォン操作には直接関係ありませんが、スマートフォンでもプレイできます。

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

了解しました。増粘剤を使用した液体のゲームを作成します。

以下が、1枚のHTMLファイルとして実装されたJavaScriptを含む増粘剤ゲームの例です。

```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
    .container {
        position: relative;
        height: 400px;
        width: 400px;
        overflow: hidden;
        border: 1px solid black;
    }
    .liquid {
        position: absolute;
        height: 100px;
        width: 100px;
        border-radius: 50%;
        background-color: #00FFFF; /* Cyan color */
        bottom: 0;
        animation: fall 5s linear infinite;
    }
    @keyframes fall {
        0% { bottom: 0; }
        100% { bottom: -50px; }
    }
</style>
</head>
<body>
    <div class="container">
        <div class="liquid"></div>
    </div>

// 増粘剤の粘性を上げるために落下速度を遅くする
        const liquidElement = document.querySelector('.liquid');
        const liquidStyle = getComputedStyle(liquidElement);
        const liquidHeight = parseInt(liquidStyle.height);
        const liquidFallDuration = parseFloat(liquidStyle.animationDuration);
        const liquidFallDistance = screenHeight + liquidHeight;

const viscosity = 0.5; // 粘性の係数

const newFallDuration = (liquidFallDistance / screenHeight) * viscosity * liquidFallDuration;

liquidElement.style.animationDuration = newFallDuration + 's';
    </script>
</body>
</html>
```

このプログラムは、スクリーン上部から液体がゆっくりと落下している様子を表現しています。増粘剤を使った液体の粘性を表現するために、液体の落下速度を遅くしています。`animation-duration` の値を増粘剤の粘性を考慮した値に変更して、実行時に効果を確認できます。

このゲームではインタラクションがないため、スマートフォン操作には直接関係ありませんが、スマートフォンでもプレイできます。