画面全体にアニメーションを表示

画面全体にアニメーションを表示 | Tsukutta

はじめに

MUS - My Usual Shoppingは在庫の「ある」・「ない」を色で管理できるシンプルな買い物管理アプリでApp Storeで配信しています。

このたびVer.1.3.0をリリースしました。

今回の主な機能追加は以下のとおりです。

今回の記事ではこのことについて書きたいと思います。

SNSアプリでは期間限定で画面上部にアニメーションが表示されることがあります。(バレンタイン・母の日・父の日・クリスマスなど)

季節感が出ていて見ていてほっこりします。

今回のアップデートではこのアニメーションを画面全体に表示したいという試みで実装をしてみました。

画面全体に表示、ということなのでアイテム名やボタンが見づらい・操作できないということがないようにアニメーションはごくシンプルなものにしました。

APIはSpriteKitを使用しています。

試行錯誤の結果、以下のようになりました。

下記の画像は蛍の光をイメージしたものです。

画面上では実際には動いています。

Xに動画を投稿していますので、動いている様子は以下のアドレスにアクセスしてご覧になってください。

蛍の光がアイテム名の表示を邪魔することもなく、また右側にあるアルカウボタン(緑色のボタン)の操作を受け付けないということもなく実装できました。

画面全体に表示できたことによってアプリの印象が少し変わったかなとも思います。

このアニメーションは全部で4パターン用意しました。

良かったらダウンロードしてみてください。

最後までお読みいただきありがとうございました。