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

No:18011

131

←

Prev Next

→

Make a music maker where you can record your own m..ALL
Developer User7632｜Date and time 23/9/25 23:02:46
Build time 30.377 sec｜Game capacity 2.594KB｜

Script

Sure! Here's an example of a simple music maker game using JavaScript and HTML. It allows you to create your own music by selecting different instruments and beats. Please note that due to the limitations of this text-based platform, the code will be provided as a sample rather than an actual interactive game.

Music Maker Game

Instruments:

🥁

🎸

🎹

Beats:

🔊

To use this code, save it as an HTML file (e.g., "music_maker.html") and place sound files named "sound.mp3", "sound.mp3", "sound.mp3", "sound.mp3", "sound.mp3", and "sound.mp3" in the same directory as the HTML file. When you open the HTML file in a web browser (preferably on a smartphone with a modern browser), it will display instruments and beats as pictograms. Clicking on an instrument will play its associated sound, while clicking on a beat will start a looped beat using Web Audio API. Please note that this is a basic example and can be expanded upon for more features and functionality.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Music Maker Game</title>
</head>
<body>
  <h1>Music Maker Game</h1>
  <div id="instruments">
    <h2>Instruments:</h2>
    <div class="instrument" id="drums" onclick="playSound('drums')">🥁</div>
    <div class="instrument" id="guitar" onclick="playSound('guitar')">🎸</div>
    <div class="instrument" id="piano" onclick="playSound('piano')">🎹</div>
  </div>

<div id="beats">
    <h2>Beats:</h2>
    <div class="beat" onclick="startBeat('kick')">🔊</div>
    <div class="beat" onclick="startBeat('snare')">🔊</div>
    <div class="beat" onclick="startBeat('hihat')">🔊</div>
  </div>

function playSound(instrument) {
      let sound;
      switch (instrument) {
        case 'drums':
          sound = new Audio('drums.wav');
          break;
        case 'guitar':
          sound = new Audio('guitar.wav');
          break;
        case 'piano':
          sound = new Audio('piano.wav');
          break;
      }
      sound.play();
    }

function startBeat(beat) {
      let source = audioCtx.createBufferSource();
      let request = new XMLHttpRequest();
      request.open('GET', beat + '.wav', true);
      request.responseType = 'arraybuffer';

request.onload = function() {
        let audioData = request.response;

audioCtx.decodeAudioData(audioData, function(buffer) {
          source.buffer = buffer;
          source.connect(audioCtx.destination);
          source.loop = true;
          source.start(0);
        });
      };

request.send();
    }
  </script>
</body>
</html>
```

To use this code, save it as an HTML file (e.g., "music_maker.html") and place sound files named "drums.wav", "guitar.wav", "piano.wav", "kick.wav", "snare.wav", and "hihat.wav" in the same directory as the HTML file.

When you open the HTML file in a web browser (preferably on a smartphone with a modern browser), it will display instruments and beats as pictograms. Clicking on an instrument will play its associated sound, while clicking on a beat will start a looped beat using Web Audio API.

Please note that this is a basic example and can be expanded upon for more features and functionality.