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

No:24852

100

←

Prev Next

→

A puzzle game where you can go in people's minds a..ALL
Developer User11939｜Date and time 23/11/13 5:10:56
Build time 88.082 sec｜Game capacity 4.259KB｜

Script

Here's a simple implementation of the puzzle game you described, using JavaScript and HTML. The game allows players to enter different virtual minds and provides a set of buttons with specific rules. Players earn points for correctly following the rules and lose points for making mistakes.

Mind Maze

In this implementation, each mind has a question and a set of buttons. The player needs to select the correct button according to the given rule. If the answer is correct, they earn a point. If the answer is incorrect, they lose a point. The game progresses through different minds until it ends, and the final score is displayed. Remember to replace the `src` attribute of the `<img>` tags in the buttons section with the actual file paths or URLs of pictograms you want to use.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Mind Maze</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
            color: #333;
        }
        
        #container {
            width: 320px;
            margin: 0 auto;
            padding: 20px;
            border: 1px solid #ccc;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            background-color: #f7f7f7;
        }
        
        #question {
            font-size: 18px;
            margin-bottom: 10px;
        }

#buttons {
            margin-top: 30px;
        }

.btn {
            padding: 10px 20px;
            margin: 5px;
            font-size: 16px;
            cursor: pointer;
        }

.correct {
            background-color: #7ed957;
        }

.incorrect {
            background-color: #ff6464;
        }

#score {
            margin-top: 30px;
        }
    </style>
</head>
<body>
    <div id="container">
        <h1>Mind Maze</h1>
        <div id="question"></div>
        <div id="buttons">
            <button class="btn" onclick="checkAnswer(0)"><img src="button1.png" alt=""></button>
            <button class="btn" onclick="checkAnswer(1)"><img src="button2.png" alt=""></button>
            <button class="btn" onclick="checkAnswer(2)"><img src="button3.png" alt=""></button>
        </div>
        <div id="score"></div>
    </div>

let currentMindIndex = 0;
        let score = 0;

function startGame() {
            displayMind();
        }

function displayMind() {
            const questionElement = document.getElementById("question");
            questionElement.textContent = minds[currentMindIndex].question;
        }

function checkAnswer(selectedIndex) {
            const buttons = document.getElementsByClassName("btn");

if (minds[currentMindIndex].buttons[selectedIndex]) {
                score++;
                buttons[selectedIndex].classList.add("correct");
            } else {
                score--;
                buttons[selectedIndex].classList.add("incorrect");
            }

setTimeout(() => {
                buttons[selectedIndex].classList.remove("correct", "incorrect");
                nextMind();
            }, 1000);
        }

function nextMind() {
            currentMindIndex++;

if (currentMindIndex >= minds.length) {
                endGame();
            } else {
                displayMind();
            }
        }

function endGame() {
            const containerElement = document.getElementById("container");
            containerElement.innerHTML = `<h1>Mind Maze</h1>
                                          <p>Game over! Your score is ${score}.</p>`;
        }

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

Remember to replace the `src` attribute of the `<img>` tags in the buttons section with the actual file paths or URLs of pictograms you want to use.