AI game creator

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

No:13219

114

←

Prev Next

→

Loud noises app
Developer User5805｜Date and time 23/8/27 10:24:36
Build time 8.353 sec｜Game capacity 1.775KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<html>
<head>
    <title>Loud Noises App</title>
</head>
<body>
    <script>
        // This game allows the user to generate loud noises by tapping on pictograms
        
        // Array of pictogram names and their associated sounds
        const pictograms = [
            { name: "bell", sound: "bell.wav" },
            { name: "fireworks", sound: "fireworks.wav" },
            { name: "horn", sound: "horn.wav" },
            { name: "siren", sound: "siren.wav" },
            { name: "drum", sound: "drum.wav" },
            // Add more pictograms and associated sounds if desired
        ];

// Function to play the sound of a pictogram
        function playSound(sound) {
            const audio = new Audio(sound);
            audio.play();
        }

// Function to generate and display pictograms on the screen
        function generatePictograms() {
            const pictogramsContainer = document.getElementById("pictograms-container");
            pictogramsContainer.innerHTML = "";

pictograms.forEach(pictogram => {
                const pictogramImg = document.createElement("img");
                pictogramImg.src = `${pictogram.name}.png`;
                pictogramImg.alt = pictogram.name;
                pictogramImg.classList.add("pictogram");
                pictogramImg.addEventListener("click", () => playSound(pictogram.sound));

pictogramsContainer.appendChild(pictogramImg);
            });
        }

// Start the processing by generating pictograms
        generatePictograms();
    </script>
    <style>
        .pictogram {
            width: 100px;
            height: 100px;
            margin: 10px;
        }
    </style>
    <div id="pictograms-container"></div>
</body>
</html>