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

No:15642

←

Prev Next

→

Piano
Developer User6357｜Date and time 23/9/10 9:51:15
Build time 16.776 sec｜Game capacity 2.471KB｜

Script

Sure! Here's an example of a simple piano game implemented in a single HTML file using JavaScript:

Piano Game

In this game, each piano key is represented by a div element with the `key` class and a unique id. When a key is clicked, it triggers the `playSound` function which creates a new Audio object and plays the corresponding sound file. You can provide your own sound files for each key by creating a folder named "sounds" in the same directory as the HTML file and adding the sound files with filenames as specified in the `getSoundFilePath` function. To play the game, you can open this HTML file on a smartphone, and when you tap on the keys, it will play the corresponding sound.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's an example of a simple piano game implemented in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Piano Game</title>
    <style>
        .key {
            display: inline-block;
            width: 50px;
            height: 150px;
            background-color: #e8e8e8;
            margin-right: 5px;
            border-radius: 5px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Piano Game</h1>
    <div class="key" id="cKey"></div>
    <div class="key" id="dKey"></div>
    <div class="key" id="eKey"></div>
    <div class="key" id="fKey"></div>
    <div class="key" id="gKey"></div>
    <div class="key" id="aKey"></div>
    <div class="key" id="bKey"></div>
    <div class="key" id="cKey2"></div>

keys.forEach(key => {
            key.addEventListener('click', playSound);
        });

function playSound(event) {
            const keyId = event.target.id;
            const sound = new Audio(getSoundFilePath(keyId));
            sound.play();
        }

function getSoundFilePath(keyId) {
            switch (keyId) {
                case 'cKey':
                    return 'sounds/c.wav';
                case 'dKey':
                    return 'sounds/d.wav';
                case 'eKey':
                    return 'sounds/e.wav';
                case 'fKey':
                    return 'sounds/f.wav';
                case 'gKey':
                    return 'sounds/g.wav';
                case 'aKey':
                    return 'sounds/a.wav';
                case 'bKey':
                    return 'sounds/b.wav';
                case 'cKey2':
                    return 'sounds/c2.wav';
                default:
                    return '';
            }
        }
    </script>
</body>
</html>
```

You can provide your own sound files for each key by creating a folder named "sounds" in the same directory as the HTML file and adding the sound files with filenames as specified in the `getSoundFilePath` function.

To play the game, you can open this HTML file on a smartphone, and when you tap on the keys, it will play the corresponding sound.