私はアニメーションの背景を要求するウェブサイトに取り組んでいます。落下するゴールドフレークを模倣しようとしています。最初はアニメーションGIFを使用してみましたが、重すぎて動作が遅くなります。
Canvasを使用するのはこれが初めてですが、経験豊富な人に情報を提供してもらいたいと思います。
出発点としていくつかのコードを見つけ、必要に応じて再利用しました。私が現在いる場所は次のとおりです:http://codepen.io/slickdev/pen/LqKai
やること:落下する粒子の速度を遅くし、それらの形状を真円から落下する金の薄片のように変更したいと思います。もっとリアルに見せることができれば理想的です。パフォーマンスにも焦点を当てる必要があります。これを最適化してより効率的に実行する方法はありますか?
アクセシビリティ/ブラウザ間の互換性に関して、このアプローチに欠点はありますか?私はいくつかの調査を行いましたが、広くサポートされているようです。
あなたの助けをいただければ幸いです!