AI game creator

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

No:31475

←

Prev Next

→

would you rather
Developer User15107｜Date and time 23/12/27 1:27:18
Build time 28.102 sec｜Game capacity 3.078KB｜

Script

Sure! Here's a simple game implementation using JavaScript and HTML, designed for smartphone operation. The game involves making choices between two options and tallying up points. It uses pictograms for the options and displays the final score at the end. Note: This example is for illustrative purposes only, and it assumes you have basic knowledge of HTML, JavaScript, and CSS.

Would you rather...

Score: 0

To use this code, you'll need to replace `'emozi_rabbit.png'` and `'emozi_hamuster.png'` with the actual image files (in PNG format) you want to use for the pictograms. You can add more questions to the `questions` array as needed, following the same format. Save the code into a single HTML file, and you'll have a playable game that can be opened on a smartphone browser.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Note: This example is for illustrative purposes only, and it assumes you have basic knowledge of HTML, JavaScript, and CSS.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Would You Rather?</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    
    #container {
      text-align: center;
      padding: 40px;
    }
    
    #question {
      font-size: 20px;
      margin-bottom: 20px;
    }
    
    #choices {
      display: flex;
      justify-content: center;
      gap: 20px;
    }
    
    .choice {
      cursor: pointer;
    }
    
    .score {
      font-size: 24px;
      margin-top: 40px;
    }
  </style>
</head>
<body>
  <div id="container">
    <div id="question">Would you rather...</div>
    <div id="choices">
      <div class="choice" onclick="chooseOption(0)">
        <img src="option1.png" alt="Option 1">
      </div>
      <div class="choice" onclick="chooseOption(1)">
        <img src="option2.png" alt="Option 2">
      </div>
    </div>
    <div id="score">Score: 0</div>
  </div>
  
  <script>
    var score = 0;
    var questionIndex = 0;
    var questions = [
      {
        option1: 'Option 1A',
        option2: 'Option 1B'
      },
      {
        option1: 'Option 2A',
        option2: 'Option 2B'
      },
      // Add more questions as needed
    ];
    
    function chooseOption(choice) {
      if (choice === 0) {
        score++;
      }
      questionIndex++;
      displayNextQuestion();
    }
    
    function displayNextQuestion() {
      if (questionIndex < questions.length) {
        var question = questions[questionIndex];
        document.getElementById('question').textContent = 'Would you rather...';
        document.getElementById('choices').innerHTML = `
          <div class="choice" onclick="chooseOption(0)">
            <img src="option1.png" alt="${question.option1}">
          </div>
          <div class="choice" onclick="chooseOption(1)">
            <img src="option2.png" alt="${question.option2}">
          </div>
        `;
        document.getElementById('score').textContent = `Score: ${score}`;
      } else {
        showFinalScore();
      }
    }
    
    function showFinalScore() {
      document.getElementById('question').textContent = 'Game Over';
      document.getElementById('choices').innerHTML = '';
      document.getElementById('score').textContent = `Final Score: ${score}`;
    }
    
    displayNextQuestion();
  </script>
</body>
</html>
```

To use this code, you'll need to replace `'option1.png'` and `'option2.png'` with the actual image files (in PNG format) you want to use for the pictograms. You can add more questions to the `questions` array as needed, following the same format. Save the code into a single HTML file, and you'll have a playable game that can be opened on a smartphone browser.