html5 - Canvas テクノロジーを使用して上下にジャンプする楽譜を作成する方法

Question

キャンバス技術を使って飛び跳ねるような楽譜を作る方法を聞きたいです

この写真に似たもので、上下にジャンプするシンプルなエフェクトが付いています。

Answer 1

私が最初にフロントエンドについて学んだとき、Web Audio API を使用する必要があり、H5 Audio 要素との互換性がより優れていたため、Canvas に関する情報がたくさんありました。インターネットなので詳細は説明しません:

• ウェブオーディオAPI

Web Audio API は IE とあまり互換性がありません。さらに、MOOC には入門として使用できるコースがあります:

• HTML5 音楽視覚化 - MOOC

以下は私が自分で作成した小さなデモです。これは参考用です。最新のフレームワークを使用して作成した方がはるかに優れています。

• デモ (Chrome を使用して閲覧)

• [ソースコード]https://github.com/huangbuyi/...