Asset Management! Avoid Bankruptcy!'s game

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Asset Management! Avoid Bankruptcy!'s game | AI game creator

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

No:3594

1789

←

Prev Next

→

Asset Management! Avoid Bankruptcy!
Developer User3589｜Date and time 23/6/25 18:54:28
Build time 71.83 sec｜Game capacity 9.773KB｜

Script

テトリス風落ち物パズルゲームを作りました。

このゲームでは、落ちてくるブロックを左右に動かして、一列揃えて消していくパズルゲームです。スマホでもプレイ可能で、左下にある方向キーアイコンをタップすることでブロックの移動ができます。また、右下の回転アイコンをタップすることでブロックを回転させることができます。スコアは一列消すたびに上がり、消せる列が多いほど高得点になります。

←

Prev　Next

→ 　

Back　

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

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

テトリス風落ち物パズルゲームを作りました。

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>落ち物パズルゲーム</title>
    <style>
        body {
            background-color: #F8F8F8;
            margin: 0;
            padding: 0;
        }
        #game {
            width: 100%;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 0;
        }
        .block {
            width: 10vw;
            height: 10vw;
            border: 1px solid #CCCCCC;
            background-color: #FFFFFF;
            box-sizing: border-box;
            display: inline-block;
            vertical-align: middle;
        }
        .shape {
            position: absolute;
            box-sizing: border-box;
        }
        #score {
            position: absolute;
            top: 5vh;
            right: 5vw;
            font-size: 4vh;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <div id="game"></div>
    <div id="score">0</div>
    <script>
        const gameDiv = document.getElementById("game");
        const scoreDiv = document.getElementById("score");
        const blockSize = 10;
        const rows = 20;
        const cols = 10;
        let board = [];
        let fallingShape = null;
        let score = 0;
        let intervalId = null;

// テトリミノの定義
        const shapes = [
            [[1, 1, 1],
             [0, 1, 0]],
            [[0, 2, 2],
             [2, 2, 0]],
            [[3, 3],
             [3, 3]],
            [[0, 4, 0],
             [4, 4, 4]],
            [[5, 0, 0],
             [5, 5, 5]],
            [[0, 0, 6],
             [6, 6, 6]],
            [[7, 7, 0],
             [0, 7, 7]]
        ];

function spawnShape() {
            const shapeIndex = Math.floor(Math.random() * shapes.length);
            fallingShape = {
                shape: createShape(Math.floor(cols/2)-1, 0, shapeIndex),
                x: Math.floor(cols/2)-1,
                y: 0,
                shapeIndex: shapeIndex
            };
        }

function updateShape() {
            fallingShape.shape.style.left = `${fallingShape.x * blockSize}px`;
            fallingShape.shape.style.top = `${fallingShape.y * blockSize}px`;
        }

function startGame() {
            createBoard();
            intervalId = setInterval(moveShape, 500);
            window.addEventListener("keydown", handleKeyDown);
        }

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