![見出し画像](https://assets.st-note.com/production/uploads/images/82113846/rectangle_large_type_2_f89c2aabb6b8dbb3d85018d3fae13c15.jpeg?width=800)
ロゴのローディングアニメ制作と作り方を学習
ホームページのローディングアニメ制作と作り方学習
Webサイトにアクセスすると、時折なめらかにかっこよくロゴマークが浮かび上がるサイトを見かけることが多かったので、今回はトップページアクセス時に表示されるローディングアニメーション制作と作り方を学んでみました。
できるだけ時間がかからず、軽量で、なおかつ滑らかにかっこよく表示されるローディングアニメを作成してみます。
今回はローディングイメージがループするタイプではなく、ローディング時にロゴマークのパーツがアニメーション描写されて形づくり、トップページが表示されるタイプのローアニです。 (ローディングアニメーションの文言が長いので、以後“ローアニ”と略称が登場しますが、ご了承ください。)
作成方法はいくつか選択肢があり、機能的な部分でもJavaScriptを中心にした機能的な選別が必要になるようなので、まずはしっかりと下書きと設計を練ってから、制作に取り掛かってみます。