![見出し画像](https://assets.st-note.com/production/uploads/images/71623723/rectangle_large_type_2_72a0007695de9b3f581e61e0801953f5.png?width=1200)
Photo by
cinemakicks
AltEdu2022 Day6の解説記事
今日のテーマは誰かのコードを参照しそれを別のものに書き換えてみてくださいでした。
@senbakuさんのnoise wavesを改良してNoise Sound Visualizationを作成しました。
オリジナルコードは下記にあります。
コードのライセンスはCC BY-NC-SA 3.0です。
実装した成果物は以下にあります。
デモは以下にあります。
Web Audio APIの部分はAltEdu2022 Day4と変わりません。
問題なのは音の長さと映像の長さがあっていないのでどうにかしたいです。
AltEdu2022 Day6と直接関係ないのですが開始画面においてリンク(オリジナルコードはここです。の部分)をホバーするとアニメーションする機能を追加しています。
本日は以上です。
この記事が気に入ったらサポートをしてみませんか?