DVD meme bounces around the screen's game

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

No:26960

←

Prev Next

→

DVD meme bounces around the screen
Developer User13333｜Date and time 23/12/3 14:30:32
Build time 30.413 sec｜Game capacity 2.134KB｜

Script

Sure! Here's an example of an HTML game that implements the DVD meme bouncing around the screen. It uses JavaScript and can be played as a finished game:

This code will display the DVD logo image, which you need to provide as `emozi_all/dvd.png`, bouncing around the screen within the boundaries of the viewport. The logo will change its position after every 1.5 seconds and will have a random background color.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of an HTML game that implements the DVD meme bouncing around the screen. It uses JavaScript and can be played as a finished game:

```html
<!DOCTYPE html>
<html>
<head>
    <title>DVD Meme Game</title>
    <style>
        #dvdLogo {
            position: absolute;
            width: 100px;
            height: 50px;
            background-color: black;
            background-image: url('dvd_logo.png');
            background-size: contain;
            background-repeat: no-repeat;
        }
    </style>
</head>
<body>
    <div id="dvdLogo"></div>
    <script>
        // Function to get a random color for the DVD logo
        function getRandomColor() {
            var letters = '0123456789ABCDEF';
            var color = '#';
            for (var i = 0; i < 6; i++) {
                color += letters[Math.floor(Math.random() * 16)];
            }
            return color;
        }

// Function to move the DVD logo around the screen
        function moveLogo() {
            var logo = document.getElementById('dvdLogo');

// Get viewport width and height
            var vw = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
            var vh = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);

var x = Math.floor(Math.random() * (vw - logo.offsetWidth));
            var y = Math.floor(Math.random() * (vh - logo.offsetHeight));

// Update position
            logo.style.top = y + 'px';
            logo.style.left = x + 'px';

// Get random color
            var color = getRandomColor();
            logo.style.backgroundColor = color;
        }

// Start the game
        function startGame() {
            setInterval(moveLogo, 1500);
        }

// Run the game
        startGame();
    </script>
</body>
</html>
```

This code will display the DVD logo image, which you need to provide as `dvd_logo.png`, bouncing around the screen within the boundaries of the viewport. The logo will change its position after every 1.5 seconds and will have a random background color.