Banana frying game Pisang Goreng's game

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

No:6067

571

←

Prev Next

→

Banana frying game Pisang Goreng
Developer もちきなこ｜Date and time 23/7/1 16:08:54
Build time 16.947 sec｜Game capacity 1.713KB｜

Script

以下は、スマホで操作することを前提とした、バナナを揚げるゲームの実装例です。実際のプログラムとしては、HTMLファイル内にJavaScriptを含んでおり、処理が実行されます。

🍌

このゲームでは、画面上に表示されるバナナをクリックすると、バナナがランダムな位置とランダムな色に変化します。クリックするたびに楽しくバナナを揚げましょう！

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>バナナを揚げるゲーム</title>
    <style>
        #banana {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); /* 中央に配置するためのスタイル */
            font-size: 100px;
        }
    </style>
</head>
<body>
    <div id="banana">🍌</div>
    
    <script>
        var bananaElement = document.getElementById("banana");
        
        // バナナをクリックした時のイベント処理
        bananaElement.onclick = function() {
            // バナナをランダムな位置に移動させる
            var x = Math.floor(Math.random() * window.innerWidth);
            var y = Math.floor(Math.random() * window.innerHeight);
            bananaElement.style.left = x + "px";
            bananaElement.style.top = y + "px";
            
            // バナナをランダムな色に変化させる
            var colors = ["red", "green", "blue", "orange", "purple"];
            var randomColor = colors[Math.floor(Math.random() * colors.length)];
            bananaElement.style.color = randomColor;
        }
    </script>
</body>
</html>
```