こんにちは、ちょこです! 「レッド:プライドオブエデン」のステージ選択の遷移アニメーションが凝っていたので紹介してみます! 上図がステージ選択画面です。 クリア済みなのでボスキャラの死屍累々…w 見ていただきたいのは以下の遷移アニメーションです。 地図を示しているので巻物(スクロール)をモチーフにデザインされています。 アニメーションも巻物をくるくると巻き取るようなデザインになっています。 ファンタジーの世界観ではスクロールは比較的よく登場するモチーフです。 頻出するモチーフであれば効率の良いアニメーションの実装方法も覚えておきたい次第。 これは丸まった部分を画面にあわせてうまく変形か回転か、あるいはモーフィングのようなことをしてるのかな…。 「レッド:プライドオブエデン」ではモチーフとアニメーションが合致している点が良いデザインだな、と感じたので紹介させていただきました。
![「レッド:プライドオブエデン」デザイン(スクロール)のモチーフとアニメーションが合致しているのが素敵だなと思ったので事例紹介です! - ゲームアプリのUIデザイン](https://cdn-ak-scissors.b.st-hatena.com/image/square/a0eff4030319cda94cde45398381e2ff16bb368c/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fa%2Fappgameui%2F20200815%2F20200815140258.png)