An RPG about 2 boys, one named Vin, one named Lucian, Vin had brown hair, freckles, brown eyes and glasses, Lucian has black hair and green eyes with glasses's game

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

No:37066

←

Prev Next

→

An RPG about 2 boys, one named Vin, one named Luci..ALL
Developer User16978｜Date and time 24/1/20 3:09:20
Build time 12.323 sec｜Game capacity 2.872KB｜

Script

Sure! Here's a simple RPG game about two boys named Vin and Lucian. The game allows you to control the actions of the characters on a smartphone. I've used pictograms to represent the characters. The game is implemented as a single HTML file, enclosed in script tags, and written in JavaScript.

Vin

Brown Hair, Freckles, Brown Eyes, Glasses

Lucian

Black Hair, Green Eyes, Glasses

In this game, you can click on the images of Vin and Lucian to display their respective character information, including their name, hair color, eye color, presence of freckles, and whether they wear glasses. The information is shown in an alert dialog. To customize the game, you can replace the image sources (`emozi_all/game.png` and `emozi_apple.png`) with your own pictogram images, and adjust the CSS styling as desired. Please note that this is a basic example and can be expanded upon to create a more complex RPG game.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Vin & Lucian's RPG Adventure</title>
  <style>
    /* CSS styling for the game */
    #game-container {
      display: flex;
      justify-content: space-around;
      align-items: center;
      height: 100vh;
    }

.character {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

.character img {
      width: 100px;
      height: 100px;
      margin-bottom: 10px;
    }

.button {
      padding: 10px 20px;
      background-color: #4CAF50;
      color: white;
      border: none;
      font-size: 18px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div class="character">
      <img id="vin" src="vin.png" alt="Vin">
      <h2>Vin</h2>
      <p>Brown Hair, Freckles, Brown Eyes, Glasses</p>
    </div>
    <div class="character">
      <img id="lucian" src="lucian.png" alt="Lucian">
      <h2>Lucian</h2>
      <p>Black Hair, Green Eyes, Glasses</p>
    </div>
  </div>

// Character objects for Vin and Lucian
    const vin = {
      name: "Vin",
      hairColor: "Brown",
      eyeColor: "Brown",
      hasFreckles: true,
      hasGlasses: true
    };

const lucian = {
      name: "Lucian",
      hairColor: "Black",
      eyeColor: "Green",
      hasFreckles: false,
      hasGlasses: true
    };

// Function to display character information
    const displayCharacterInfo = (character) => {
      const characterInfo = `Name: ${character.name}
Hair Color: ${character.hairColor}
Eye Color: ${character.eyeColor}
Freckles: ${character.hasFreckles ? "Yes" : "No"}
Glasses: ${character.hasGlasses ? "Yes" : "No"}`;
      alert(characterInfo);
    };

// Attach event listeners to character buttons
    document.getElementById("vin").addEventListener("click", () => {
      displayCharacterInfo(vin);
    });

document.getElementById("lucian").addEventListener("click", () => {
      displayCharacterInfo(lucian);
    });
  </script>
</body>
</html>
```

To customize the game, you can replace the image sources (`vin.png` and `lucian.png`) with your own pictogram images, and adjust the CSS styling as desired.

Please note that this is a basic example and can be expanded upon to create a more complex RPG game.