AI game creator

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

No:35775

242

←

Prev Next

→

Be a barber
Developer User7580｜Date and time 24/1/15 8:53:14
Build time 9.617 sec｜Game capacity 2.55KB｜

Script

Sure, here's an example of a simple barber game implemented as a single HTML file using JavaScript and pictograms:

Score: 0

In this game, customers are represented by pictograms and are placed on the game board. When a player clicks on a customer, they are considered served and their image changes. The score is displayed at the top, and it increases every time a customer is served. Please note that you would need to replace the image URLs ('emozi_bear.png', 'emozi_chicken.png', and 'emozi_rabbit.png') with actual image file URLs to make the game work properly.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's an example of a simple barber game implemented as a single HTML file using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Barber Game</title>
  <style>
    #score {
        text-align: center;
        font-size: 24px;
        margin-bottom: 20px;
    }
    #game-board {
        width: 300px;
        height: 400px;
        border: 2px solid black;
        margin: 0 auto;
        position: relative;
    }
    .customer {
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 50px;
        background: url('customer.png') no-repeat center center/contain;
        cursor: pointer;
    }
    .customer.served {
        background: url('customer_served.png') no-repeat center center/contain;
        transition: opacity 1s;
        opacity: 0;
    }
    .barber {
        position: absolute;
        bottom: 0;
        left: 125px;
        width: 50px;
        height: 50px;
        background: url('barber.png') no-repeat center center/contain;
    }
  </style>
</head>
<body>
  <div id="score">Score: 0</div>
  <div id="game-board">
    <div id="customer-1" class="customer"></div>
    <div id="customer-2" class="customer"></div>
    <div id="customer-3" class="customer"></div>
    <div id="customer-4" class="customer"></div>
    <div id="barber" class="barber"></div>
  </div>

// Initialize game variables
    var score = 0;
    var scoreElement = document.getElementById("score");

// Add click event listeners to all customers
    var customers = document.getElementsByClassName("customer");
    for (var i = 0; i < customers.length; i++) {
      customers[i].addEventListener("click", function() {
        serveCustomer(this.id);
      });
    }
  </script>
</body>
</html>
```

Please note that you would need to replace the image URLs ('customer.png', 'customer_served.png', and 'barber.png') with actual image file URLs to make the game work properly.