yoppa.org


前橋工科大学 - 情報メディアデザイン 2023

いろいろなアニメーションのアイデア

今回はまず前回の課題「アニメーションで表現する」の講評会を行います。

後半は今回の課題の内容をさらに拡張して、様々な手法でアニメーションを表現するアイデアを実際のサンプルをベースに紹介していきます。

スライド資料

サンプルコード

サイズのアニメーション – 拡大

サイズのアニメーション – 縮小

色のアニメーション – 色相の変化

色 + サイズのアニメーション

波の動き – サイズの変化

波の動き – サイズ + 色

波の動きによる位置のアニメーション

波の動き(左右) + 波の動き(上下) = 円の動き!

たくさんの円の動き

たくさんの円の動き + 大きさの変化

たくさんの円の動き + 動きの変化 (リサジュー)