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

No:24585

Story ai Enter a story promt and ai will make ..ALL
Developer The maker｜Date and time 23/11/10 7:16:21
Build time 81.545 sec｜Game capacity 3.348KB｜

Script

Sure! Here's a simple example of a game where the player can choose between three different story prompts: Scary, Fantasy, and Action. The game will generate a random story based on the chosen prompt. To keep it simple, I'll provide a basic user interface where the player can click on one of the three prompts to generate a story. Let's start with the HTML file:

Story Generator Game

You can save the above code in a single HTML file and open it in a web browser. When you click on one of the prompt buttons (e.g., "Scary"), a random story based on that prompt will be generated and displayed in the story container below the buttons. Feel free to modify the prompts and add more complex features to the game as desired!

←

Prev　Next

→ 　

Back　

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

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

To keep it simple, I'll provide a basic user interface where the player can click on one of the three prompts to generate a story. Let's start with the HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Story Generator Game</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
    
    #prompt-buttons {
      margin-top: 20px;
    }
    
    #story-container {
      margin-top: 50px;
    }
  </style>
</head>
<body>
  <h1>Story Generator Game</h1>
  
  <div id="prompt-buttons">
    <button id="scary-prompt">Scary</button>
    <button id="fantasy-prompt">Fantasy</button>
    <button id="action-prompt">Action</button>
  </div>
  
  <div id="story-container"></div>
  
  <script>
    function getRandomElementFromArray(array) {
      return array[Math.floor(Math.random() * array.length)];
    }
    
    function generateStory(promptType) {
      let story;
      
      if (promptType === 'scary') {
        const scaryPrompts = [
          "One dark and stormy night, a group of friends decided to explore an abandoned house...",
          "In a remote village, there were rumors of a mysterious creature lurking in the shadows...",
          "On a camping trip, a hiker suddenly got lost in a creepy forest..."
        ];
        
        story = getRandomElementFromArray(scaryPrompts);
      } else if (promptType === 'fantasy') {
        const fantasyPrompts = [
          "Once upon a time, in a magical kingdom, a young hero embarked on a quest to...",
          "In a land filled with mythical creatures, an ordinary person discovered a hidden portal to...",
          "A powerful sorcerer sought the help of a brave warrior to retrieve..."
        ];
        
        story = getRandomElementFromArray(fantasyPrompts);
      } else if (promptType === 'action') {
        const actionPrompts = [
          "In a futuristic city, a skilled hacker joined forces with a rebellious group to...",
          "A secret agent was assigned a mission to infiltrate a notorious criminal organization and retrieve...",
          "In a post-apocalyptic world, a lone survivor fought against a horde of mutant creatures to..."
        ];
        
        story = getRandomElementFromArray(actionPrompts);
      }
      
      const storyContainer = document.getElementById("story-container");
      storyContainer.innerText = story;
    }
    
    document.getElementById("scary-prompt").addEventListener("click", function() {
      generateStory('scary');
    });
    
    document.getElementById("fantasy-prompt").addEventListener("click", function() {
      generateStory('fantasy');
    });
    
    document.getElementById("action-prompt").addEventListener("click", function() {
      generateStory('action');
    });
  </script>
</body>
</html>
```

Feel free to modify the prompts and add more complex features to the game as desired!