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

No:17262

131

←

Prev Next

→

those a menu That lets you spawn fruits People Wi..ALL
Developer User7456｜Date and time 23/9/23 2:21:32
Build time 42.157 sec｜Game capacity 4.281KB｜

Script

Sure! Here's an example of a game written in a single HTML file using JavaScript, enclosed in script tags. The game allows you to spawn different fruit people and a robot by selecting them from a menu. You can also customize the characters by adding food, clothing, guns, and blood to them. Additionally, you can drag and move the characters on the screen.

Character Creator Game

Workshop

In this game, the menu allows you to spawn fruit people or a robot by clicking the respective buttons. The characters can be dragged around the screen. The Workshop section contains buttons to add food, clothing, guns, and blood to all the characters. Each added item can also be dragged independently. The characters are represented by pictograms (🍎, 🤖) for fruit people and robots, but you can modify them to pictograms of your choice.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    .character {
      position: absolute;
      width: 100px;
      height: 100px;
      text-align: center;
      cursor: move;
    }
    
    .fruit {
      background-color: yellow;
    }
    
    .robot {
      background-color: silver;
    }
  </style>
</head>
<body>
  <h1>Character Creator Game</h1>
  
  <button onclick="spawnFruitPerson()">Spawn Fruit Person</button>
  <button onclick="spawnRobot()">Spawn Robot</button>
  
  <div id="workshop">
    <h2>Workshop</h2>
    <button onclick="addFood()">Add Food</button>
    <button onclick="addClothing()">Add Clothing</button>
    <button onclick="addGun()">Add Gun</button>
    <button onclick="addBlood()">Add Blood</button>
  </div>
  
  <script>
    function makeDraggable(element) {
      let pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
      element.onmousedown = dragMouseDown;
      
      function dragMouseDown(e) {
        e = e || window.event;
        e.preventDefault();
        pos3 = e.clientX;
        pos4 = e.clientY;
        document.onmouseup = closeDragElement;
        document.onmousemove = elementDrag;
      }
      
      function elementDrag(e) {
        e = e || window.event;
        e.preventDefault();
        pos1 = pos3 - e.clientX;
        pos2 = pos4 - e.clientY;
        pos3 = e.clientX;
        pos4 = e.clientY;
        element.style.top = (element.offsetTop - pos2) + "px";
        element.style.left = (element.offsetLeft - pos1) + "px";
      }
      
      function closeDragElement() {
        document.onmouseup = null;
        document.onmousemove = null;
      }
    }
    
    function spawnFruitPerson() {
      const person = document.createElement("div");
      person.classList.add("character");
      person.classList.add("fruit");
      person.innerText = "🍎";
      document.body.appendChild(person);
      
      makeDraggable(person);
    }
    
    function spawnRobot() {
      const robot = document.createElement("div");
      robot.classList.add("character");
      robot.classList.add("robot");
      robot.innerText = "🤖";
      document.body.appendChild(robot);
      
      makeDraggable(robot);
    }
    
    function addFood() {
      const characters = document.querySelectorAll(".character");
      characters.forEach(character => {
        const food = document.createElement("div");
        food.innerText = "🍔";
        character.appendChild(food);
        
        makeDraggable(food);
      });
    }
    
    function addClothing() {
      const characters = document.querySelectorAll(".character");
      characters.forEach(character => {
        const clothing = document.createElement("div");
        clothing.innerText = "👕";
        character.appendChild(clothing);
        
        makeDraggable(clothing);
      });
    }
    
    function addGun() {
      const characters = document.querySelectorAll(".character");
      characters.forEach(character => {
        const gun = document.createElement("div");
        gun.innerText = "🔫";
        character.appendChild(gun);
        
        makeDraggable(gun);
      });
    }
    
    function addBlood() {
      const characters = document.querySelectorAll(".character");
      characters.forEach(character => {
        const blood = document.createElement("div");
        blood.innerText = "💉";
        character.appendChild(blood);
        
        makeDraggable(blood);
      });
    }
  </script>
</body>
</html>
```