A game in which you tap to take a random beetle, stag beetle, or canary bug that comes to the sap.'s game

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

No:187

218

←

Prev Next

→

A game in which you tap to take a random beetle, s..ALL
Developer User2851｜Date and time 23/6/5 23:23:52
Build time 45.351 sec｜Game capacity 2.432KB｜

Script

このアプリは「樹液から虫を取ろう！」というタイトルのゲームです。画面には森の背景画像が表示されます。タップすると、ランダムにカブトムシ、クワガタ、カナブンが登場します。プレイヤーはタップして虫を取ることができます。全ての虫を取るとゲームクリアとなります。絵文字を多用して、可愛らしい雰囲気に仕上げました。スマホでも問題なく操作可能です。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>樹液から虫を取ろう！</title>
        <style>
            #sap {
                height: 500px;
                width: 500px;
                background-image: url('forest.png');
                background-size: cover;
                position: relative;
            }
            #bug {
                position: absolute;
                font-size: 50px;
                cursor: pointer;
            }
        </style>
    </head>
    <body>
        <div id="sap">
            
        </div>
        <script>
            let bugsCount = 0;
            let sap = document.querySelector("#sap");
            sap.addEventListener("click", addBug);
            
            function addBug(event) {
                let bug = document.createElement("span");
                let bugType = Math.floor(Math.random() * 3);
                if (bugType === 0) {
                    bug.innerHTML = "🐞"; // カブトムシ
                } else if (bugType === 1) {
                    bug.innerHTML = "🐚"; // クワガタ
                } else {
                    bug.innerHTML = "🐟"; // カナブン
                }
                
                bug.style.left = event.pageX + "px";
                bug.style.top = event.pageY + "px";
                bug.className = "bug";
                bug.addEventListener("click", catchBug);
                sap.appendChild(bug);
                bugsCount++;
            }
            
            function catchBug(event) {
                event.target.remove();
                bugsCount--;
                if (bugsCount === 0) {
                    alert("おめでとう！虫をすべて取りました！");
                }
            }
        </script>
    </body>
</html>