AI game creator

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

No:45526

←

Prev Next

→

Lion game
Developer User19614｜Date and time 24/2/20 19:52:24
Build time 7.518 sec｜Game capacity 1.623KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Lion Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

const lionImg = new Image();
        lionImg.src = 'https://img.icons8.com/officel/2x/lion.png';

let lionX = 200;
        let lionY = 200;

lionImg.onload = function() {
            ctx.drawImage(lionImg, lionX, lionY, 50, 50);
        }

function moveLion(direction) {
            ctx.clearRect(lionX, lionY, 50, 50);

switch(direction) {
                case 'up':
                    lionY -= 5;
                    break;
                case 'down':
                    lionY += 5;
                    break;
                case 'left':
                    lionX -= 5;
                    break;
                case 'right':
                    lionX += 5;
                    break;
            }

ctx.drawImage(lionImg, lionX, lionY, 50, 50);
        }

document.addEventListener('keydown', function(event) {
            switch(event.key) {
                case 'ArrowUp':
                    moveLion('up');
                    break;
                case 'ArrowDown':
                    moveLion('down');
                    break;
                case 'ArrowLeft':
                    moveLion('left');
                    break;
                case 'ArrowRight':
                    moveLion('right');
                    break;
            }
        });
    </script>
</body>
</html>