デモの使い方

円周率の各桁に対応した鍵盤を演奏し、表示中の桁と一致する数字を押すと円周率が進んでいくデモです。

ピアノ 円周率 Web Audio API

操作手順

  1. 画面の鍵盤(0〜9)をクリック、またはキーボードの数字キーを押して音を鳴らす
  2. 「Pi Piano」の下に光っている現在の桁と一致する数字を押す
  3. 正解するごとに円周率の表示が進み、次の桁の音階で演奏を続ける

活用シーン

  • 数字と音階を結び付けた音楽・数学の学習コンテンツ
  • Web Audio APIでの音階(正弦波)再生の実装例として
  • 展示やオウンドメディアでの来訪者エンゲージメント施策

Pi Piano

3.1415926535897932384626433832795028841971...

Press keys 0-9 matching the Pi digits.