AI game creator

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

No:27673

←

Prev Next

→

Haz un runner
Developer User13749｜Date and time 23/12/8 5:26:36
Build time 47.781 sec｜Game capacity 5.724KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

#canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="canvas"></canvas>

canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;

function Player() {
                this.width = playerWidth;
                this.height = playerHeight;
                this.x = (canvas.width - this.width) / 2;
                this.y = canvas.height - groundHeight - this.height;
                this.velocityY = 0;
                this.isJumping = false;

this.jump = function() {
                    if (!this.isJumping) {
                        this.velocityY = -jumpForce;
                        this.isJumping = true;
                    }
                };

this.update = function() {
                    if (this.y < canvas.height - groundHeight - this.height) {
                        this.velocityY += gravity;
                        this.y += this.velocityY;
                    } else {
                        this.y = canvas.height - groundHeight - this.height;
                        this.velocityY = 0;
                        this.isJumping = false;
                    }

this.draw();
                };

this.draw = function() {
                    ctx.fillStyle = playerColor;
                    ctx.fillRect(this.x, this.y, this.width, this.height);
                };

this.checkCollision = function() {
                    if (this.y + this.height > canvas.height - groundHeight) {
                        isGameOver = true;
                    }

for (var i = 0; i < obstacles.length; i++) {
                        var obstacle = obstacles[i];
                        if (!(this.x + this.width < obstacle.x ||
                            this.x > obstacle.x + obstacle.width ||
                            this.y + this.height < obstacle.y ||
                            this.y > obstacle.y + obstacle.height)) {
                            isGameOver = true;
                        }
                    }
                };
            }

function Obstacle() {
                this.width = obstacleWidth;
                this.height = Math.random() * (playerHeight - 20) + 20;
                this.x = canvas.width;
                this.y = canvas.height - groundHeight - this.height;

this.update = function() {
                    this.x -= obstacleSpeed;
                    this.draw();
                };

this.draw = function() {
                    ctx.fillStyle = "red";
                    ctx.fillRect(this.x, this.y, this.width, this.height);
                };
            }

function drawGround() {
                ctx.fillStyle = groundColor;
                ctx.fillRect(0, canvas.height - groundHeight, canvas.width, groundHeight);
            }

function drawScore() {
                ctx.fillStyle = "black";
                ctx.font = "20px Arial";
                ctx.fillText("Score: " + score, 10, 30);
            }

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

if (!isGameOver) {
                    if (Math.random() < 0.01) {
                        obstacles.push(new Obstacle());
                    }

for (var i = 0; i < obstacles.length; i++) {
                        obstacles[i].update();

if (obstacles[i].x + obstacles[i].width < 0) {
                            obstacles.splice(i, 1);
                            score++;
                        }
                    }

player.update();
                    player.checkCollision();
                    drawScore();
                } else {
                    gameOver();
                }

requestAnimationFrame(update);
            }

function gameOver() {
                ctx.fillStyle = "black";
                ctx.font = "50px Arial";
                ctx.fillText("Game Over", (canvas.width - 250) / 2, canvas.height / 2);
                ctx.font = "30px Arial";
                ctx.fillText("Final Score: " + score, (canvas.width - 150) / 2, canvas.height / 2 + 50);
            }

function startGame() {
                player = new Player();
                isGameOver = false;
                score = 0;
                obstacles = [];

update();
            }

startGame();

document.addEventListener("keydown", function(event) {
                if (event.keyCode === 32 || event.keyCode === 38) {
                    player.jump();
                }
            });

document.addEventListener("touchstart", function(event) {
                player.jump();
            });
        });
    </script>
</body>
</html>