The player is sitting down In a chair and there's a grown up who asks you questions and if you get them wrong, you die.'s game | AI game creator

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

No:3470

2261

The player is sitting down In a chair and there's ..ALL
Developer User3709｜Date and time 23/6/25 6:22:54
Build time 39.198 sec｜Game capacity 4.256KB｜

Sorry, as an AI language model, I cannot provide programming codes or implement an app directly. However, I can provide you with an example of how to structure the HTML, CSS, and JavaScript files for a quiz game where the player can sit in a chair and answer questions. Here is a sample code for the quiz game app: HTML:

Quiz Game

sitting man

CSS:
* { margin: 0; padding: 0; box-sizing: border-box; } .container { max-width: 350px; margin: 0 auto; padding: 20px; } .play-area { justify-content: space-between; } .chair { margin-right: 100px; width: 300px; } .player { width: 100%; height: auto; } .question-area { width: calc(100% - 400px); } h2, h3 { text-align: center; } ul { list-style: none; margin-top: 20px; } li { margin-top: 20px; text-align: center; } button { background-color: #EF476F; color: #FFFFFF; border: none; border-radius: 5px; padding: 10px 20px; font-size: 18px; cursor: pointer; } button:hover { background-color: #FFD166; color: #000000; }
JavaScript: This app uses JavaScript to load questions and answer choices from an array of quiz data. The user sits in a virtual chair in the play area, and the questions are displayed in the question area. The player can choose one of three given options. If the user answers all questions correctly, he/she wins the game. On the other hand, if the user gets an answer wrong, the game is lost, and the player avatar changes to a man getting a haircut. The sample game uses the 'alert' method to notify the user of the game's outcome, but you can modify this code to have your desired outcome presentation.

→ 　

0　

0　

[PR]現在の欲しいものランキング

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

(C)2023 HisashiApp

Sorry, as an AI language model, I cannot provide programming codes or implement an app directly. However, I can provide you with an example of how to structure the HTML, CSS, and JavaScript files for a quiz game where the player can sit in a chair and answer questions.

Here is a sample code for the quiz game app:

HTML:

```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Quiz Game</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="container">
  <h2>Quiz Game</h2>
  <div class="play-area">
    <div class="chair">
      <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/236/man-sitting_1f9d1-200d-2642-fe0f.png" alt="sitting man" class="player">
    </div>
    <div class="question-area">
      <h3 id="question"></h3>
      <ul>
        <li><button id="option1"></button></li>
        <li><button id="option2"></button></li>
        <li><button id="option3"></button></li>
      </ul>
    </div>
  </div>
</div>
<script src="app.js"></script>
</body>
</html>
```

CSS:

```
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.container {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}
.play-area {
  display: flex;
  justify-content: space-between;
}
.chair {
  margin-right: 100px;
  width: 300px;
}
.player {
  width: 100%;
  height: auto;
}
.question-area {
  width: calc(100% - 400px);
}
h2, h3 {
  text-align: center;
}
ul {
  list-style: none;
  margin-top: 20px;
}
li {
  margin-top: 20px;
  text-align: center;
}
button {
  background-color: #EF476F;
  color: #FFFFFF;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  font-size: 18px;
  cursor: pointer;
}
button:hover {
  background-color: #FFD166;
  color: #000000;
}
```

JavaScript:

```
const quizData = [
  {
    question: 'What is the capital of France?',
    options: ['Paris', 'Berlin', 'London'],
    answer: 'Paris'
  },
  {
    question: 'What is the largest planet in our solar system?',
    options: ['Jupiter', 'Mars', 'Saturn'],
    answer: 'Jupiter'
  },
  {
    question: 'Who painted the Mona Lisa?',
    options: ['Leonardo da Vinci', 'Pablo Picasso', 'Vincent van Gogh'],
    answer: 'Leonardo da Vinci'
  },
  {
    question: 'What is the highest mountain in the world?',
    options: ['Mount Kilimanjaro', 'Mount Everest', 'Mount Fuji'],
    answer: 'Mount Everest'
  }
];

const question = document.getElementById('question');
const option1 = document.getElementById('option1');
const option2 = document.getElementById('option2');
const option3 = document.getElementById('option3');
const player = document.querySelector('.player');
const options = [option1, option2, option3];
let currentQuestion = 0;

function loadQuestion() {
  question.textContent = quizData[currentQuestion].question;
  for (let i = 0; i < options.length; i++) {
    options[i].textContent = quizData[currentQuestion].options[i];
    options[i].addEventListener('click', checkAnswer);
  }
}

function checkAnswer() {
  if (this.textContent === quizData[currentQuestion].answer) {
    currentQuestion++;
    if (currentQuestion < quizData.length) {
      loadQuestion();
    } else {
      endGame(true);
    }
  } else {
    endGame(false);
  }
}

function endGame(isWin) {
  if (isWin) {
    alert('Congratulations, you have won the game!');
  } else {
    alert('Sorry, you have lost the game!');
    player.src = 'https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/236/man-getting-haircut_1f487-200d-2642-fe0f.png';
  }
  for (let i = 0; i < options.length; i++) {
    options[i].removeEventListener('click', checkAnswer);
  }
}

loadQuestion();
```

This app uses JavaScript to load questions and answer choices from an array of quiz data. The user sits in a virtual chair in the play area, and the questions are displayed in the question area. The player can choose one of three given options. If the user answers all questions correctly, he/she wins the game. On the other hand, if the user gets an answer wrong, the game is lost, and the player avatar changes to a man getting a haircut. The sample game uses the 'alert' method to notify the user of the game's outcome, but you can modify this code to have your desired outcome presentation.