Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
festival game in which participants try to catch goldfish in a shallow paper ladle's game | AI game creator

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

No:9152

175

←

Prev Next

→

festival game in which participants try to catch g..ALL
Developer User4271｜Date and time 23/7/21 17:53:37
Build time 22.654 sec｜Game capacity 2.14KB｜

Script

以下は、金魚すくいの部分的なゲーム化したプログラムの例です。このプログラムは、1枚のHTMLファイルに実装され、JavaScriptを含んでいます。ゲームはスマートフォンで遊ぶことを前提としています。

金魚すくい

🐠 🦀 🐢 🐟

このプログラムは、4匹の金魚が表示され、それぞれの金魚をクリックすることで魚をすくいます。金魚をすくうと、魚は拡大されて消え、金魚すくいカウントが増えます。全ての金魚をすくうと、おめでとうのメッセージが表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>金魚すくい</title>
    <style>
        #container {
            display: flex;
            justify-content: center;
        }

.fish {
            font-size: 50px;
            cursor: pointer;
            transition: transform 0.2s;
        }
    </style>
</head>
<body>
    <h1>金魚すくい</h1>
    <div id="container">
        <span id="fish1" class="fish">🐠</span>
        <span id="fish2" class="fish">🦀</span>
        <span id="fish3" class="fish">🐢</span>
        <span id="fish4" class="fish">🐟</span>
    </div>

function catchFish(fishId) {
            var fish = document.getElementById(fishId);
            fish.style.transform = "scale(2)";
            fish.style.opacity = "0";

fishCaught++;

if (fishCaught == totalFish) {
                alert("全ての金魚をすくいました！おめでとうございます！");
            }
        }