Make a Sailor moon games's game

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

No:46246

←

Prev Next

→

Make a Sailor moon games
Developer User20018｜Date and time 24/2/24 7:39:17
Build time 4.721 sec｜Game capacity 1.285KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Sailor Moon Game</title>
</head>
<body>
    <canvas id="canvas" width="400" height="400" style="border: 2px solid black;"></canvas>
    
    <script>
        const canvas = document.getElementById("canvas");
        const ctx = canvas.getContext("2d");

// Sailor Moon character pictogram
        const sailorMoon = "🌙";

let moonX = 50;
        let moonY = 50;

function drawMoon() {
            ctx.font = "50px serif";
            ctx.fillText(sailorMoon, moonX, moonY);
        }

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

function moveMoon(event) {
            clearCanvas();

switch(event.key) {
                case "ArrowUp":
                    moonY -= 10;
                    break;
                case "ArrowDown":
                    moonY += 10;
                    break;
                case "ArrowLeft":
                    moonX -= 10;
                    break;
                case "ArrowRight":
                    moonX += 10;
                    break;
            }

drawMoon();
        }

drawMoon();

document.addEventListener("keydown", moveMoon);
    </script>
</body>
</html>