AI game creator

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

No:29750

←

Prev Next

→

蟹版テトリス
Developer User14508｜Date and time 23/12/18 19:35:39
Build time 22.325 sec｜Game capacity 2.658KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>蟹版テトリス</title>
    <style>
        canvas {
            border: solid 1px black;
            background: #f2f2f2;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="300" height="600"></canvas>
    <script>
        // ゲーム変数
        let canvas;
        let ctx;
        let blockSize;

// プレイヤー変数
        let player;

// 初期化関数
        function init() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");
            blockSize = canvas.width / 10;
            player = new Player();

// タッチイベントのリスナーを設定
            canvas.addEventListener("touchstart", handleTouchStart, false);
            canvas.addEventListener("touchmove", handleTouchMove, false);

// ゲームループを開始
            gameLoop();
        }

// プレイヤークラス
        class Player {
            constructor() {
                this.x = 4;
                this.y = 0;
                this.color = "🦀";
            }

moveLeft() {
                if (this.x > 0) {
                    this.x--;
                }
            }

moveRight() {
                if (this.x < 9) {
                    this.x++;
                }
            }

moveDown() {
                if (this.y < 19) {
                    this.y++;
                }
            }

draw() {
                ctx.font = blockSize + "px Arial";
                ctx.fillStyle = "black";
                ctx.fillText(this.color, this.x * blockSize, (this.y + 1) * blockSize);
            }
        }

// ゲームループ関数
        function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// プレイヤーを描画
            player.draw();

requestAnimationFrame(gameLoop);
        }

// キーボード操作関数
        function handleTouchStart(event) {
            event.preventDefault();
            const touch = event.touches[0];
            player.x = Math.floor(touch.clientX / blockSize);
            player.y = Math.floor(touch.clientY / blockSize);
        }

function handleTouchMove(event) {
            event.preventDefault();
            const touch = event.touches[0];
            player.x = Math.floor(touch.clientX / blockSize);
            player.y = Math.floor(touch.clientY / blockSize);
        }

// 初期化関数を呼び出す
        init();
    </script>
</body>
</html>