AI game creator

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

No:2843

2120

←

Prev Next

→

☢️☣️
Developer User3589｜Date and time 23/6/22 21:48:53
Build time 33.96 sec｜Game capacity 3.099KB｜

Script

私はこれを「疲れたアヒルゲーム」と呼んでいます。🦆

スマートフォンでプレイしていただくことを前提に、画面サイズに合わせて自動的にサイズ調整します。プレーヤーは、キーボード、またはタッチ操作を使用して左右に移動するパドルを操作し、ボールを落とさないようにします。もしボールが地面に落ちてしまったら、「疲れたアヒルに負けました！」というメッセージが表示され、プレーヤーは再度プレイするためにページを再読み込みする必要があります。めちゃくちゃ楽しいです！☢️☣️

←

Prev　Next

→ 　

Back　

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

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

私はこれを「疲れたアヒルゲーム」と呼んでいます。🦆

<html>
<head>
<title>疲れたアヒルゲーム</title>

// ゲームキャンバスを定義
var canvas = document.getElementById("gameCanvas");
var ctx = canvas.getContext("2d");

// 初期設定
var x = canvas.width/2;
var y = canvas.height-30;
var dx = 2;
var dy = -2;
var ballRadius = 10;
var paddleHeight = 10;
var paddleWidth = 75;
var paddleX = (canvas.width-paddleWidth)/2;
var rightPressed = false;
var leftPressed = false;

// パドルの描画
function drawPaddle() {
    ctx.beginPath();
    ctx.rect(paddleX, canvas.height-paddleHeight, paddleWidth, paddleHeight);
    ctx.fillStyle = "#0095DD";
    ctx.fill();
    ctx.closePath();
}

// ボールの描画
function drawBall() {
    ctx.beginPath();
    ctx.arc(x, y, ballRadius, 0, Math.PI*2);
    ctx.fillStyle = "#0095DD";
    ctx.fill();
    ctx.closePath();
}

// ゲームを実行
function draw() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    drawBall();
    drawPaddle();

// パドルが動く
    if(rightPressed && paddleX < canvas.width-paddleWidth) {
        paddleX += 7;
    }
    else if(leftPressed && paddleX > 0) {
        paddleX -= 7;
    }

// ボールの当たり判定
    if(x + dx > canvas.width-ballRadius || x + dx < ballRadius) {
        dx = -dx;
    }
    if(y + dy < ballRadius) {
        dy = -dy;
    }
    else if(y + dy > canvas.height-ballRadius) {
        if(x > paddleX && x < paddleX + paddleWidth) {
            dy = -dy;
        }
        else {
            alert("疲れたアヒルに負けました！");
            document.location.reload();
        }
    }

x += dx;
    y += dy;
}

// キーボードの入力を取得
document.addEventListener("keydown", keyDownHandler, false);
document.addEventListener("keyup", keyUpHandler, false);

function keyDownHandler(e) {
    if(e.key == "Right" || e.key == "ArrowRight") {
        rightPressed = true;
    }
    else if(e.key == "Left" || e.key == "ArrowLeft") {
        leftPressed = true;
    }
}

function keyUpHandler(e) {
    if(e.key == "Right" || e.key == "ArrowRight") {
        rightPressed = false;
    }
    else if(e.key == "Left" || e.key == "ArrowLeft") {
        leftPressed = false;
    }
}

// ゲームの実行
setInterval(draw, 10);

</script>
</body>

</html>