A song with a cat meowing Like a DJ's game

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

No:37073

←

Prev Next

→

A song with a cat meowing Like a DJ
Developer Game Studio｜Date and time 24/1/20 3:19:17
Build time 7.666 sec｜Game capacity 1.745KB｜

Script

HTML code:

Make sure to save the cat meow audio as "sound.mp3" in the same directory as the HTML file, and replace "emozi_all/cat.png" with an actual cat image file name. This HTML file creates a simple game where you can click on the cat image to make it meow and animate. The cat meow sound is played whenever the image is clicked, and the image animates with a bouncing effect for added fun.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

HTML code:
```html
<!DOCTYPE html>
<html>
<head>
    <title>Meow DJ Game</title>
</head>
<body>
    <div id="playground">
        <img src="cat.png" id="cat-img" alt="Cat">
    </div>

// Cat image element
        var catImg = document.getElementById('cat-img');

// Function to play the cat meow sound and animate the cat image
        function playMeow() {
            audio.play();

// Add animation class to the cat image
            catImg.classList.add('meow-animation');

// Remove the animation class after 1 second
            setTimeout(function() {
                catImg.classList.remove('meow-animation');
            }, 1000);
        }

// Event listener for cat image click
        catImg.addEventListener('click', playMeow);
    </script>

@keyframes bounce {
            0% { transform: translate(0, 0); }
            25% { transform: translate(0, -10px); }
            75% { transform: translate(0, -10px); }
            100% { transform: translate(0, 0); }
        }
    </style>
</body>
</html>
```

Make sure to save the cat meow audio as "cat_meow.mp3" in the same directory as the HTML file, and replace "cat.png" with an actual cat image file name.

This HTML file creates a simple game where you can click on the cat image to make it meow and animate. The cat meow sound is played whenever the image is clicked, and the image animates with a bouncing effect for added fun.