Piano Looks at Mia is Growing Into a Giant (Help Piano To Turn Mia Back To Normal)'s game

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

No:47954

←

Prev Next

→

Piano Looks at Mia is Growing Into a Giant (Help P..ALL
Developer User20657｜Date and time 24/3/1 5:58:38
Build time 8.821 sec｜Game capacity 2.045KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Piano Looks at Mia</title>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

canvas.width = screenWidth;
        canvas.height = screenHeight;

const pianoImg = new Image();
        pianoImg.src = 'piano.png';
        const miaImg = new Image();
        miaImg.src = 'mia.png';

let pianoX = screenWidth / 2 - 50;
        let pianoY = screenHeight / 2 - 50;
        let miaX = 100;
        let miaY = 100;
        let miaSize = 100;

const draw = () => {
            ctx.clearRect(0, 0, screenWidth, screenHeight);
            ctx.drawImage(pianoImg, pianoX, pianoY, 100, 100);
            ctx.drawImage(miaImg, miaX, miaY, miaSize, miaSize);
        };

const update = () => {
            draw();
            checkCollision();
            requestAnimationFrame(update);
        };

document.addEventListener('keydown', (e) => {
            switch (e.key) {
                case 'ArrowUp':
                    pianoY -= 10;
                    break;
                case 'ArrowDown':
                    pianoY += 10;
                    break;
                case 'ArrowLeft':
                    pianoX -= 10;
                    break;
                case 'ArrowRight':
                    pianoX += 10;
                    break;
            }
        });

update();
    </script>
</body>
</html>