Pictorial roguelike's game | AI game creator

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

No:2499

172

Pictorial roguelike
Developer anonymous｜Date and time 23/6/21 18:07:03
Build time 14.923 sec｜Game capacity 1.171KB｜

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

は以下のようなゲームを作成することができます：

このゲームは、9つのセルがある博物館の形をしたボードで遊ぶことができます。各セルにはランダムに絵文字が配置され、一部のセルには✅や❌といった特別な絵文字も存在します。目標は、指定された回数の動きの間にできるだけ多くの絵文字をマッチさせることです。マッチしたセルは✅になり、マッチしなかったセルは❌になります。すべての絵文字を正しくマッチさせた場合、ゲームに勝利します。指定された回数の動きを使い切るか、マッチが失敗した場合、ゲームオーバーになります。以上が、1枚のHTMLファイルで実装されたゲーム「博物館」です。JavaScriptはscriptタグで囲まれており、処理はゲームの開始時に実行されます。スマホで操作することを前提に作成されており、絵文字も使用されています。ゲームを実際に遊ぶことができます。

→ 　

0　

0　

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

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

(C)2023 HisashiApp

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p>は以下のようなゲームを作成することができます：

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>博物館ゲーム</title>
    <style>
        #gameBoard {
            width: 300px;
            height: 300px;
            border: 1px solid black;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            font-size: 40px;
        }
        .cell {
            width: 100px;
            height: 100px;
            border: 1px solid black;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="score"></div>
    <div id="gameBoard"></div>

<script>
        const MAX_MOVES = 5;

let movesLeft = MAX_MOVES;
        let score = 0;
        let cells = [];

const emojis = ['🦖', '🐘', '🐅', '🦎', '🐪', '🦏', '🦍', '🐊'];

function startGame() {
            createGameBoard();
            updateMovesLeft();
            updateScore();
        }

function createGameBoard() {
            const gameBoard = document.getElementById('gameBoard');

for (let i = 0; i < 9; i++) {
                const cell = document.createElement('span');
                cell.classList.add('cell');
                cell.addEventListener('click', () => {
                    handleCellClick(i);
                });

gameBoard.appendChild(cell);
                cells.push(cell);
            }

randomizeEmojis();
        }

function randomizeEmojis() {
            const shuffledEmojis = emojis.sort(() => Math.random() - 0.5);

for (let i = 0; i < emojis.length; i++) {
                cells[i].innerText = shuffledEmojis[i];
            }
        }

function handleCellClick(index) {
            if (movesLeft === 0) {
                endGame();
                return;
            }
            
            const clickedCell = cells[index];
            const emoji = clickedCell.innerText;

if (emoji === '✅') {
                return; // Ignore clicks on already matched cells
            }

if (emoji === '❌') {
                loseLife();
            } else {
                updateScore();
                clickedCell.innerText = '✅';
                checkWin();
            }

movesLeft--;
            updateMovesLeft();
        }

function loseLife() {
            const randomIndex = Math.floor(Math.random() * cells.length);
            cells[randomIndex].innerText = '❌';
        }

function checkWin() {
            if (score === cells.length / 2) {
                endGame();
            }
        }

function endGame() {
            if (score === cells.length / 2) {
                alert('おめでとうございます！ゲームに勝ちました！');
            } else {
                alert('ゲームオーバー！もう一度挑戦してください！');
            }

resetGame();
        }

function resetGame() {
            movesLeft = MAX_MOVES;
            score = 0;

randomizeEmojis();
            updateMovesLeft();
            updateScore();
        }

function updateMovesLeft() {
            document.getElementById('movesLeft').innerText = `残りの動き: ${movesLeft}`;
        }

function updateScore() {
            document.getElementById('score').innerText = `スコア: ${score}`;
        }
        
        startGame();
    </script>
</body>
</html>
```

このゲームは、9つのセルがある博物館の形をしたボードで遊ぶことができます。各セルにはランダムに絵文字が配置され、一部のセルには✅や❌といった特別な絵文字も存在します。目標は、指定された回数の動きの間にできるだけ多くの絵文字をマッチさせることです。マッチしたセルは✅になり、マッチしなかったセルは❌になります。すべての絵文字を正しくマッチさせた場合、ゲームに勝利します。指定された回数の動きを使い切るか、マッチが失敗した場合、ゲームオーバーになります。

以上が、1枚のHTMLファイルで実装されたゲーム「博物館」です。JavaScriptはscriptタグで囲まれており、処理はゲームの開始時に実行されます。スマホで操作することを前提に作成されており、絵文字も使用されています。ゲームを実際に遊ぶことができます。