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

No:47289

Piano 8 bit frequencie generator
Developer User18896｜Date and time 24/2/28 0:08:02
Build time 10.194 sec｜Game capacity 1.875KB｜

Script

Piano 8-bit Frequency Generator

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Piano 8-bit Frequency Generator</title>
</head>
<body>
  <h1>Piano 8-bit Frequency Generator</h1>

const pianoCanvas = document.getElementById('pianoCanvas');
    const ctx = pianoCanvas.getContext('2d');

// Draw piano keys
    for (let i = 0; i < frequencies.length; i++) {
      ctx.fillStyle = 'black';
      ctx.fillRect(i * 50, 0, 50, 200);

ctx.fillStyle = 'white';
      ctx.fillRect(i * 50 + 5, 200, 40, 400);

const frequency = frequencies[i];
      ctx.fillText(frequency.toFixed(2), i * 50 + 15, 230);
    }

// Helper function to play a sound given a frequency
    function playSound(frequency) {
      const audioContext = new (window.AudioContext || window.webkitAudioContext)();
      const oscillator = audioContext.createOscillator();
      oscillator.type = 'sine';
      oscillator.frequency.value = frequency;
      oscillator.connect(audioContext.destination);
      oscillator.start();
      setTimeout(() => {
        oscillator.stop();
      }, 500); // Play sound for 0.5 seconds
    }

// Event listener to play sound when a key is clicked
    pianoCanvas.addEventListener('click', (event) => {
      const keyIndex = Math.floor(event.offsetX / 50); // Get the key index based on click position
      const frequency = frequencies[keyIndex];
      playSound(frequency);
    });
  </script>
</body>
</html>