appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-ガール・カフェ・ガン 011_画面別 011_画面別-ホーム/マイページ画面 019_アニメーション 019_アニメーション-UIアニメーション 没入感 グリッチフィルタ こんにちは、ちょこです。 「ガール・カフェ・ガン」ですが、ホーム画面に配置されているバナーが切り替わる時の演出が世界観に合っていると感じました。 こちらの演出です。 ▲ノイズが掛かったような演出 細部にこだわる姿勢があっていいな、と思います。 どういう処理をしているのか分かりづらかったので、アップにしてスローで見てみます。 てっきり汎用的で無機質的な変形しているのかと思ったら、割と有機的な変形してますね。 何かしらのシェーダーを使っているのかな。 切り替え時にはパッと切り替わるのがポイントっぽいですね。 伸びたゴムが元の大きさに戻るかの如く、最大限まで変形したら一瞬で元に戻しています。あと、変… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2020%2F01%2F01%2F000000" title="「ガール・カフェ・ガン」バナーの切り替わり演出がSFっぽい。コマ送りで見てみました。 - ゲームアプリのUIデザイン" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/appgameui/20191219/20191219070140.png Hatena Blog https://hatena.blog 2020-01-01 00:00:00 rich https://appgameui.hatenablog.com/entry/2020/01/01/000000 1.0 100%