OMORI_ホワイトスペースへようこそ座標(x,y)として、以下を画面に表示させてください。なお、座標(200,400)を画面の中心とします。座標(175,300)に🚪 座標(175,500)に🐈‍⬛ 座標(200,400)に💻 座標(250,400)に📕 座標(225,350)に💡 座標(250,450)に🧻 また、プレイヤーは🔪です。🔪は、1番最初(225,425)にいます。 🔪は十字キーで移動させることが出来ます。なお、背景の色は#FFFFFFです。絵文字は半分くらいのサイズです。's game

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

No:5669

3352

←

Prev Next

→

OMORI_ホワイトスペースへようこそ座標(x,y)として、以下を画面に表示させてください。 ..ALL
Developer もちきなこ｜Date and time 23/6/30 15:44:22
Build time 17.469 sec｜Game capacity 1.834KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>OMORI_ホワイトスペースへようこそ</title>
</head>
<body>
    <canvas id="game" width="400" height="800"></canvas>
    <script>
        const canvas = document.getElementById("game");
        const ctx = canvas.getContext("2d");

const player = {
            x: 225,
            y: 425,
            symbol: '🔪'
        };

const objects = [
            { x: 175, y: 300, symbol: '🚪' },
            { x: 175, y: 500, symbol: '🐈‍⬛' },
            { x: 200, y: 400, symbol: '💻' },
            { x: 250, y: 400, symbol: '📕' },
            { x: 225, y: 350, symbol: '💡' },
            { x: 250, y: 450, symbol: '🧻' }
        ];

function draw() {
            // Clear the canvas
            ctx.fillStyle = '#FFFFFF';
            ctx.fillRect(0, 0, canvas.width, canvas.height);

// Draw objects
            objects.forEach(object => {
                ctx.font = '20px serif';
                ctx.fillText(object.symbol, object.x, object.y);
            });

// Draw player
            ctx.font = '20px serif';
            ctx.fillText(player.symbol, player.x, player.y);
        }

function handleKeyDown(e) {
            switch (e.key) {
                case 'ArrowUp':
                    player.y -= 50;
                    break;
                case 'ArrowDown':
                    player.y += 50;
                    break;
                case 'ArrowLeft':
                    player.x -= 50;
                    break;
                case 'ArrowRight':
                    player.x += 50;
                    break;
            }

draw();
        }

document.addEventListener('keydown', handleKeyDown);
        draw();
    </script>
</body>
</html>