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

No:27907

Move to avoid darts the more darts you dodge the m..ALL
Developer User10392｜Date and time 23/12/10 1:07:54
Build time 32.941 sec｜Game capacity 4.502KB｜

Script

Sure, here's an example of a simple game where you control a character to dodge darts. It uses JavaScript and is implemented as a single HTML file enclosed in script tags. You can play it on a smartphone. I've used pictograms to represent the character and darts.

😷

Score: 0

To play the game, simply open the HTML file in a web browser on a smartphone. The character (represented by a smiley face - 😷) can be controlled by touching and dragging the screen. The aim is to avoid the darts (represented by a dart pictogram - 💥) falling from the top. As you successfully dodge the darts, your score will increase.

←

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" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Dodge Darts Game</title>
    <style>
      #character {
        font-size: 80px;
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
      }
      .dart {
        font-size: 60px;
        position: absolute;
        animation-name: dartAnimation;
        animation-timing-function: linear;
        animation-duration: 3s;
        animation-iteration-count: infinite;
      }
      @keyframes dartAnimation {
        0% {
          top: -100px;
        }
        100% {
          top: 100vh;
        }
      }
    </style>
  </head>
  <body>
    <script>
      // Global variables
      let gameScore = 0;
      let gameRunning = false;
      let characterPosition = 50; // Initial character position

// Function to start the game
      function startGame() {
        if (!gameRunning) {
          gameRunning = true;
          moveCharacter(); // Start moving the character
          createDarts(); // Create darts
        }
      }

// Function to move the character based on touch/mouse input
      function moveCharacter() {
        document.addEventListener("touchstart", handleTouch);
        document.addEventListener("mousedown", handleTouch);
        document.addEventListener("touchmove", handleTouch);
        document.addEventListener("mousemove", handleTouch);

function handleTouch(event) {
          let screenWidth = window.innerWidth;
          let touchX = 0;

if (event.touches) {
            touchX = event.touches[0].clientX;
          } else {
            touchX = event.clientX;
          }

characterPosition = (touchX * 100) / screenWidth;
        }
      }

// Function to create darts
      function createDarts() {
        setInterval(function () {
          const dart = document.createElement("div");
          dart.classList.add("dart");
          const dartPosition = Math.floor(Math.random() * 100);
          dart.style.left = dartPosition + "%";
          dart.innerHTML = "💥"; // Dart pictogram (you may change this based on available pictograms)
          document.body.appendChild(dart);
          moveDart(dart);
        }, 2000);
      }

// Function to move the darts
      function moveDart(dart) {
        const moveDartInterval = setInterval(function () {
          const dartBottom = getComputedStyle(dart).getPropertyValue("bottom");
          const dartLeft = getComputedStyle(dart).getPropertyValue("left");

if (parseInt(dartBottom) >= 10 && parseInt(dartBottom) <= 100) {
            // Check if dart is at the character's position
            if (
              Math.abs(characterPosition - parseInt(dartLeft.replace("%", ""))) <
              5
            ) {
              clearInterval(moveDartInterval); // Stop moving the dart
              dart.remove(); // Remove the collided dart
              gameScore++; // Increase game score
              updateScore(); // Update game score on the screen
              return;
            }
          }

if (parseInt(dartBottom) >= 100) {
            clearInterval(moveDartInterval); // Stop moving the dart
            dart.remove(); // Remove the dart when it goes beyond the screen
            return;
          }

dart.style.bottom = parseInt(dartBottom) + 5 + "px";
        }, 10);
      }

// Function to update game score on the screen
      function updateScore() {
        document.getElementById("score").innerHTML = "Score: " + gameScore;
      }

// Start the game when the page is loaded
      window.onload = function () {
        startGame();
      };
    </script>

<h2 id="score">Score: 0</h2>
  </body>
</html>
```