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

No:17689

182

←

Prev Next

→

Make a murder mystery
Developer User7577｜Date and time 23/9/24 8:51:36
Build time 43.287 sec｜Game capacity 4.708KB｜

Script

Sure! Here's a simple murder mystery game implemented as a single HTML file using JavaScript. It's designed to be played on a smartphone and uses pictograms for visual representation. To start the game, you can execute the code inside the `` tags.

Murder Mystery Game

🕵️‍♂️➡️🏰

Can you solve the murder?

This is a basic implementation of a murder mystery game using simple choices and branching narratives. As you progress through the game, you encounter different scenarios and make decisions that lead to different outcomes. Feel free to customize the game further to add more complexity and details to the story.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Murder Mystery Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    .pictogram {
      font-family: "Segoe UI Symbol", sans-serif;
      font-size: 48px;
    }
    
    button {
      margin-top: 20px;
      padding: 10px 20px;
      font-size: 18px;
      background-color: #4CAF50;
      color: white;
      border: none;
      cursor: pointer;
    }
  </style>
</head>
<body>
  
  <h1>Murder Mystery Game</h1>
  
  <div id="output">
    <p class="pictogram">🕵️‍♂️➡️🏰</p>
    <p>Can you solve the murder?</p>
    <button onclick="startGame()">Start</button>
  </div>
  
  <script>
    function startGame() {
      document.getElementById("output").innerHTML = `
        <p class="pictogram">🎩➡️🚤🏝️</p>
        <p>You're a detective on a vacation island. Suddenly, there's a murder...</p>
        <button onclick="investigate()">Investigate</button>
      `;
    }
    
    function investigate() {
      document.getElementById("output").innerHTML = `
        <p class="pictogram">📜➡️🔍📝</p>
        <p>You find a diary and a magnifying glass. What do you do?</p>
        <button onclick="readDiary()">Read Diary</button>
        <button onclick="useMagnifyingGlass()">Use Magnifying Glass</button>
      `;
    }
    
    function readDiary() {
      document.getElementById("output").innerHTML = `
        <p class="pictogram">📖🔍🔍</p>
        <p>You discover a suspicious entry about a secret meeting at the old dockyard...</p>
        <button onclick="goToDockyard()">Go to Dockyard</button>
      `;
    }
    
    function useMagnifyingGlass() {
      document.getElementById("output").innerHTML = `
        <p class="pictogram">🔍🔬🧪</p>
        <p>You find a hidden blood stain and an unusual chemical substance...</p>
        <button onclick="analyzeBlood()">Analyze Blood</button>
        <button onclick="analyzeSubstance()">Analyze Substance</button>
      `;
    }
    
    function goToDockyard() {
      document.getElementById("output").innerHTML = `
        <p class="pictogram">🏃‍♂️➡️🛳️</p>
        <p>You rush to the dockyard and find two suspicious individuals...</p>
        <button onclick="interrogate()">Interrogate Suspects</button>
      `;
    }
    
    function analyzeBlood() {
      document.getElementById("output").innerHTML = `
        <p class="pictogram">🧪🔬🩸</p>
        <p>The blood belongs to the victim. It's a match...</p>
        <button onclick="revealKiller()">Reveal Killer</button>
      `;
    }
    
    function analyzeSubstance() {
      document.getElementById("output").innerHTML = `
        <p class="pictogram">🧪🔎❓</p>
        <p>The substance is a rare poison used for assassinations...</p>
        <button onclick="revealPlot()">Reveal Plot</button>
      `;
    }
    
    function interrogate() {
      document.getElementById("output").innerHTML = `
        <p class="pictogram">❓❗️❔</p>
        <p>The suspects provide contradictory alibis. Who's lying?</p>
        <button onclick="inspectEvidence()">Inspect Evidence</button>
      `;
    }
    
    function revealKiller() {
      document.getElementById("output").innerHTML = `
        <p class="pictogram">🕵️‍♂️🚶‍♂️🔪</p>
        <p>The killer is revealed. It was the butler!</p>
        <button onclick="startGame()">Play Again</button>
      `;
    }
    
    function revealPlot() {
      document.getElementById("output").innerHTML = `
        <p class="pictogram">🕵️‍♂️👥🤝</p>
        <p>You uncover a conspiracy involving multiple individuals...</p>
        <button onclick="startGame()">Play Again</button>
      `;
    }
    
    function inspectEvidence() {
      document.getElementById("output").innerHTML = `
        <p class="pictogram">🔦🔍📃</p>
        <p>You find a hidden note that exposes the real murderer...</p>
        <button onclick="revealKiller()">Reveal Killer</button>
      `;
    }
  </script>
</body>
</html>
```