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

No:15941

145

←

Prev Next

→

YouTuber simulator
Developer User6992｜Date and time 23/9/14 1:49:19
Build time 43.69 sec｜Game capacity 3.702KB｜

Script

Certainly! Below is a sample implementation of a simple YouTuber Simulator game as a single HTML file. It uses JavaScript and includes pictograms to enhance the gameplay experience. You can save the code as an `index.html` file and open it in a web browser to play the game.

YouTuber Simulator

Money: 0

Likes: 0

To use this code as a game, simply open the HTML file in a web browser on your smartphone. You can then tap the "Create Content" button to generate likes and money, which will be displayed on the screen. Each time you create content, animated hearts and dollars will appear briefly to enhance the visual feedback. Note: The code assumes that you have appropriate pictograms in PNG or GIF format named `emozi_bear.png`, `heart.gif`, and `dollar.gif`. You can place these pictograms in a subdirectory called `pictograms` relative to the HTML file, or adapt the code to use pictograms from a different location.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>YouTuber Simulator</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      background-color: #F1F2F3;
      margin: 0;
      padding: 20px;
    }
    
    h1 {
      color: #FF0000;
    }
    
    #container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-top: 50px;
    }
    
    #youtuberImg {
      width: 200px;
    }
    
    button {
      font-size: 18px;
      padding: 10px 20px;
      margin-top: 20px;
      background-color: #FF0000;
      color: #FFFFFF;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    }
    
    .money {
      font-size: 20px;
      color: green;
      margin-top: 30px;
    }
    
    .likes {
      font-size: 20px;
      color: blue;
      margin-top: 10px;
    }
  </style>
</head>

<body>
  <h1>YouTuber Simulator</h1>
  <div id="container">
    <img id="youtuberImg" src="pictograms/youtuber.png" alt="YouTuber">
    <button onclick="createContent()">Create Content</button>
    <div class="money">Money: <span id="money">0</span></div>
    <div class="likes">Likes: <span id="likes">0</span></div>
  </div>

function createContent() {
      const randomLikes = Math.floor(Math.random() * 1000) + 1;
      const randomMoney = randomLikes / 10;

moneyCount += randomMoney;
      likesCount += randomLikes;

document.getElementById("money").innerHTML = moneyCount.toFixed(2);
      document.getElementById("likes").innerHTML = likesCount;

showAnimatedHeart();
      showAnimatedDollar();
    }

function showAnimatedHeart() {
      const heartImg = document.createElement("img");
      heartImg.src = "pictograms/heart.gif";
      heartImg.alt = "Heart";
      heartImg.style.position = "absolute";
      heartImg.style.animation = "heartAnimation 1s linear";
      heartImg.style.left = Math.random() * 80 + "vw";
      heartImg.style.top = "70vh";

document.body.appendChild(heartImg);

setTimeout(() => {
        heartImg.remove();
      }, 1000);
    }

function showAnimatedDollar() {
      const dollarImg = document.createElement("img");
      dollarImg.src = "pictograms/dollar.gif";
      dollarImg.alt = "Dollar";
      dollarImg.style.position = "absolute";
      dollarImg.style.animation = "dollarAnimation 1s linear";
      dollarImg.style.left = Math.random() * 80 + "vw";
      dollarImg.style.top = "30vh";

document.body.appendChild(dollarImg);

setTimeout(() => {
        dollarImg.remove();
      }, 1000);
    }
  </script>
</body>

</html>
```

Note: The code assumes that you have appropriate pictograms in PNG or GIF format named `youtuber.png`, `heart.gif`, and `dollar.gif`. You can place these pictograms in a subdirectory called `pictograms` relative to the HTML file, or adapt the code to use pictograms from a different location.