AI game creator

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

No:45671

←

Prev Next

→

0>Bear arcade game
Developer WinnerWiener1332｜Date and time 24/2/21 2:06:01
Build time 7.644 sec｜Game capacity 1.489KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }

canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="bearCanvas" width="400" height="400"></canvas>
    <script>
        const canvas = document.getElementById('bearCanvas');
        const ctx = canvas.getContext('2d');

let bearX = 200;
        let bearY = 200;
        let bearSpeedX = 0;
        let bearSpeedY = 0;

const bearImage = new Image();
        bearImage.src = 'bear.png';

function drawBear() {
            ctx.drawImage(bearImage, bearX, bearY, 50, 50);
        }

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

function updateGameArea() {
            clearCanvas();
            drawBear();
            bearX += bearSpeedX;
            bearY += bearSpeedY;
        }

function moveUp() {
            bearSpeedY = -1;
        }

function moveDown() {
            bearSpeedY = 1;
        }

function moveLeft() {
            bearSpeedX = -1;
        }

function moveRight() {
            bearSpeedX = 1;
        }

function stopMove() {
            bearSpeedX = 0;
            bearSpeedY = 0;
        }

setInterval(updateGameArea, 20);
    </script>
</body>
</html>