Music tiles .tiles play 8 bit piano frequencies a,b,c,d,e,f,g's game

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

No:47222

←

Prev Next

→

Music tiles .tiles play 8 bit piano frequencies a,..ALL
Developer User18896｜Date and time 24/2/27 18:19:47
Build time 7.584 sec｜Game capacity 1.196KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Music Tiles Game</title>
<style>
.tile {
  width: 50px;
  height: 50px;
  background: #333;
  float: left;
  margin: 2px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}
</style>
</head>
<body>
<div class="tile" data-frequency="440">A</div>
<div class="tile" data-frequency="493">B</div>
<div class="tile" data-frequency="523">C</div>
<div class="tile" data-frequency="587">D</div>
<div class="tile" data-frequency="659">E</div>
<div class="tile" data-frequency="698">F</div>
<div class="tile" data-frequency="784">G</div>

tiles.forEach(tile => {
  tile.addEventListener('click', () => {
    const frequency = tile.getAttribute('data-frequency');
    playSound(frequency);
  });
});

function playSound(frequency) {
  const context = new AudioContext();
  const oscillator = context.createOscillator();
  oscillator.frequency.value = frequency;
  oscillator.connect(context.destination);
  oscillator.start();
  setTimeout(() => {
    oscillator.stop();
  }, 300);
}
</script>
</body>
</html>