デモの使い方

ウェブカメラの映像を輝度に応じた文字で構成されるアスキーアートに変換して表示するデモです。

アスキーアート getUserMedia 画像処理

操作手順

  1. カメラへのアクセス許可を求めるダイアログで許可を選択
  2. ウェブカメラ映像が輝度に応じた文字( .:-=+*#%@ )のアスキーアートに変換されて表示されるのを確認
  3. カメラに向かって手を動かし、映像の明暗がリアルタイムに文字へ変換される様子を観察

活用シーン

  • getUserMediaによるカメラ映像取得の学習
  • 輝度計算と文字マッピングによる画像処理の実装例確認
  • 展示やイベントでの来訪者エンゲージメント演出