Man vs Dino adventure plataformer's game

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

No:30597

←

Prev Next

→

Man vs Dino adventure plataformer
Developer User14885｜Date and time 23/12/23 6:26:28
Build time 15.615 sec｜Game capacity 2.583KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Man vs Dino Adventure</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Player object
        function Player(x, y) {
            this.x = x;
            this.y = y;
            this.width = 50;
            this.height = 50;
            this.speed = 5;

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

// Dino object
        function Dino(x, y) {
            this.x = x;
            this.y = y;
            this.width = 50;
            this.height = 50;
            this.speed = 3;

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

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

window.onload = function() {
            canvas = document.getElementById("gameCanvas");
            canvasContext = canvas.getContext("2d");
            player = new Player(100, 100);
            dino = new Dino(600, 100);

// Game loop
            var framesPerSecond = 60;
            setInterval(function() {
                moveEverything();
                drawEverything();
            }, 1000/framesPerSecond);

// Event listeners for player movement
            document.addEventListener("keydown", function(event) {
                if (event.keyCode === 87) { // W key
                    player.y -= player.speed;
                } else if (event.keyCode === 83) { // S key
                    player.y += player.speed;
                } else if (event.keyCode === 65) { // A key
                    player.x -= player.speed;
                } else if (event.keyCode === 68) { // D key
                    player.x += player.speed;
                }
            });
        }

function moveEverything() {
            dino.update();
        }

function drawEverything() {
            // Clear canvas
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Draw player and dino
            player.draw();
            dino.draw();
        }
    </script>
</body>
</html>