AI game creator

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

No:5125

5439

←

Prev Next

→

Fluffy is fluffy.
Developer User3812｜Date and time 23/6/29 18:58:54
Build time 21.447 sec｜Game capacity 2.013KB｜

Script

フワフワゲームについて、以下のコードをご覧ください。

このコードは、フワちゃんが画面内をフワフワ跳ねるシンプルなゲームです。画面をクリックするとフワちゃんがジャンプします。フワちゃんが地面に到達すると、より高く跳ねるように反発します。このゲームの核心は、canvas要素を使用してフワちゃんの動きを描画しています。フワちゃんは絵文字で表現され、クリックイベントに応じてフワフワと飛び跳ねる動きが再現されます。このコードをHTMLファイルとして保存し、ブラウザで開くとゲームがプレイできます。スマートフォンで操作することも可能です。ただし、絵文字の表示には対応したフォントが必要です。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

フワフワゲームについて、以下のコードをご覧ください。

```html
<!DOCTYPE html>
<html>
<head>
    <title>フワフワゲーム</title>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

const playerSize = 50;
        const gravity = 1;
        let playerY = canvas.height / 2;
        let playerVelocity = 0;

function drawPlayer() {
            ctx.fillStyle = "🐰";
            ctx.fillRect(canvas.width / 2 - playerSize / 2, playerY - playerSize / 2, playerSize, playerSize);
        }

function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

playerVelocity += gravity;
            playerY += playerVelocity;

if (playerY + playerSize / 2 >= canvas.height) {
                playerVelocity *= -0.5;
                playerY = canvas.height - playerSize / 2;
            }

drawPlayer();

requestAnimationFrame(update);
        }

document.addEventListener("click", function() {
            playerVelocity -= 15;
        });

update();
    </script>
</body>
</html>
```

このコードは、フワちゃんが画面内をフワフワ跳ねるシンプルなゲームです。画面をクリックするとフワちゃんがジャンプします。フワちゃんが地面に到達すると、より高く跳ねるように反発します。

このゲームの核心は、canvas要素を使用してフワちゃんの動きを描画しています。フワちゃんは絵文字で表現され、クリックイベントに応じてフワフワと飛び跳ねる動きが再現されます。

このコードをHTMLファイルとして保存し、ブラウザで開くとゲームがプレイできます。スマートフォンで操作することも可能です。ただし、絵文字の表示には対応したフォントが必要です。