AI game creator

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

No:26964

←

Prev Next

→

DVD meme
Developer User13333｜Date and time 23/12/3 14:34:13
Build time 46.201 sec｜Game capacity 2.119KB｜

Script

Sure! Here's a simple game in the form of a single HTML file, using JavaScript and enclosed in script tags. It consists of a "DVD meme" animation where the DVD logo bounces around the screen. You can play it on a smartphone by opening the code in a web browser.

To play this game, save the code into an HTML file (e.g., `game.html`) and place an image of a DVD logo named `emozi_all/play.png` in the same directory as the HTML file. Then, open the HTML file on your smartphone's web browser. The DVD logo will start bouncing around the screen, and you can enjoy playing the game!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #dvdLogo {
      position: absolute;
      width: 100px;
    }
  </style>
</head>
<body>
  <script>
    // Get the size of the viewport
    const viewportWidth = window.innerWidth;
    const viewportHeight = window.innerHeight;

// Randomly position the DVD logo within the viewport
    let x = Math.floor(Math.random() * (viewportWidth - 100));
    let y = Math.floor(Math.random() * (viewportHeight - 100));

// Randomly set the initial direction of movement
    let dx = Math.random() > 0.5 ? 1 : -1;
    let dy = Math.random() > 0.5 ? 1 : -1;

// Create the DVD logo element
    const dvdLogo = document.createElement("img");
    dvdLogo.src = "dvd_logo.png";
    dvdLogo.id = "dvdLogo";
    dvdLogo.style.left = x + "px";
    dvdLogo.style.top = y + "px";
    document.body.appendChild(dvdLogo);

// Game loop
    function moveDVD() {
      // Update the position of the DVD logo
      x += dx;
      y += dy;

// Check for collision with screen edges
      if (x + 100 >= viewportWidth || x <= 0) {
        dx = -dx; // Reverse direction on collision
      }
      if (y + 100 >= viewportHeight || y <= 0) {
        dy = -dy; // Reverse direction on collision
      }

// Update the position of the DVD logo on the screen
      dvdLogo.style.left = x + "px";
      dvdLogo.style.top = y + "px";

// Repeat the game loop after a short delay
      setTimeout(moveDVD, 10);
    }

// Start the game loop
    moveDVD();
  </script>
</body>
</html>
```

To play this game, save the code into an HTML file (e.g., `game.html`) and place an image of a DVD logo named `dvd_logo.png` in the same directory as the HTML file. Then, open the HTML file on your smartphone's web browser. The DVD logo will start bouncing around the screen, and you can enjoy playing the game!