AI game creator

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

No:6936

←

Prev Next

→

Super Real Mahjong
Developer User3840｜Date and time 23/7/4 12:51:50
Build time 21.841 sec｜Game capacity 3.721KB｜

Script

了解しました。以下にスーパーリアル麻雀のHTMLファイルの一例を示します。

このHTMLファイルはスーパーリアル麻雀というゲームの部分的な実装です。元のゲームのルールに忠実に実装されていませんが、スマホ操作に対応しており、絵文字を使用しています。実行すると、画面に7つの牌が表示され、それぞれをタップして選択することができます。全ての牌を選択すると、選択していない牌が無効化されます。以上が、スーパーリアル麻雀の部分的なゲーム化の実装例です。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

了解しました。以下にスーパーリアル麻雀のHTMLファイルの一例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>スーパーリアル麻雀</title>
    <style>
        body {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            background-color: #f7f7f7;
        }
        #board {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-gap: 10px;
        }
        .tile {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 60px;
            font-size: 24px;
            font-weight: bold;
            background-color: #ffffff;
            border-radius: 5px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            cursor: pointer;
        }
        .tile.selected {
            background-color: #f0f0f0;
        }
        .tile.disabled {
            background-color: #cccccc;
            pointer-events: none;
        }
    </style>
</head>
<body>
    <div id="board"></div>

// Function to shuffle array
        function shuffle(array) {
            for (let i = array.length - 1; i > 0; i--) {
                const j = Math.floor(Math.random() * (i + 1));
                [array[i], array[j]] = [array[j], array[i]];
            }
            return array;
        }

// Function to initialize game
        function initializeGame() {
            // Shuffle tiles
            const shuffledTiles = shuffle(tiles);

// Add tiles to the board
            const board = document.getElementById('board');
            for (let i = 0; i < 7; i++) {
                const tile = document.createElement('div');
                tile.className = 'tile';
                tile.textContent = shuffledTiles[i];
                tile.addEventListener('click', () => selectTile(tile));
                board.appendChild(tile);
            }
        }

// Function to select a tile
        function selectTile(tile) {
            if (!tile.classList.contains('disabled')) {
                tile.classList.toggle('selected');

// Check if all tiles are selected
                const board = document.getElementById('board');
                const selectedTiles = board.getElementsByClassName('tile selected');
                if (selectedTiles.length === 7) {
                    disableTiles(board.getElementsByClassName('tile'));
                }
            }
        }

// Function to disable all tiles except selected ones
        function disableTiles(tiles) {
            for (let i = 0; i < tiles.length; i++) {
                const tile = tiles[i];
                if (!tile.classList.contains('selected')) {
                    tile.classList.add('disabled');
                }
            }
        }

// Initialize game on page load
        window.addEventListener('load', initializeGame);
    </script>
</body>
</html>
```