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

No:35580

Make all of shreck in a game
Developer User16226｜Date and time 24/1/14 23:41:17
Build time 13.675 sec｜Game capacity 3.26KB｜

Script

Sure! Here is a simple text-based game based on the movie "Shrek" implemented as a single HTML file using JavaScript:

Shrek Adventure

This is a basic text-based game where users can input commands to progress through the story. The game starts with the player waking up in a swamp and they have to make choices to navigate the adventure. Note: This is a very simplified example and doesn't include any pictograms or extensive gameplay. Feel free to modify and expand on it as per your requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here is a simple text-based game based on the movie "Shrek" implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Shrek Adventure</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    
    #output {
      margin: 20px 0;
      padding: 10px;
      border: 1px solid #ccc;
      background-color: #f8f8f8;
      height: 150px;
      overflow-y: auto;
    }
    
    #input-container {
      margin-top: 20px;
    }
    
    #input {
      padding: 5px;
      width: 200px;
    }
    
    #submit-btn {
      padding: 5px 10px;
      margin-left: 10px;
    }
  </style>
</head>
<body>
  <h1>Shrek Adventure</h1>
  
  <div id="output"></div>
  
  <div id="input-container">
    <input type="text" id="input" autofocus />
    <button id="submit-btn">Submit</button>
  </div>
  
  <script>
    // Shrek Adventure Game
    const output = document.getElementById('output');
    const input = document.getElementById('input');
    const submitBtn = document.getElementById('submit-btn');
    let userChoice;
    
    output.innerHTML = 'Welcome to Shrek Adventure! Type "start" to begin.';
    
    function appendOutput(text) {
      output.innerHTML += '<p>' + text + '</p>';
    }
    
    function processUserInput() {
      const userInput = input.value.trim().toLowerCase();
      input.value = '';
      
      if (userInput === 'start') {
        startGame();
      } else if (userChoice === 'start') {
        playGame(userInput);
      } else {
        appendOutput('Invalid command. Please try again.');
      }
    }
    
    function startGame() {
      userChoice = 'start';
      appendOutput('You wake up in a swamp. What would you like to do?');
    }
    
    function playGame(choice) {
      switch (choice) {
        case 'go left':
          appendOutput('You encounter Donkey. Do you talk to him or ignore him?');
          userChoice = 'encounter_donkey';
          break;
        case 'go right':
          appendOutput('You find a hidden treasure. Congrats!');
          userChoice = 'treasure_found';
          break;
        case 'talk':
          appendOutput('Donkey tells you a joke. What do you do?');
          userChoice = 'donkey_joke';
          break;
        case 'ignore':
          appendOutput('You continue your journey alone.');
          userChoice = 'continue_journey';
          break;
        case 'leave':
          appendOutput('You leave Donkey behind and continue the adventure.');
          userChoice = 'continue_journey';
          break;
        default:
          appendOutput('Invalid command. Please try again.');
          break;
      }
    }
    
    submitBtn.addEventListener('click', processUserInput);
    input.addEventListener('keypress', function(e) {
      if (e.key === 'Enter') {
        processUserInput();
      }
    });
  </script>
</body>
</html>
```

Note: This is a very simplified example and doesn't include any pictograms or extensive gameplay. Feel free to modify and expand on it as per your requirements.