KLWPで画像を延々ループで回転させる動きをつける

最近はホーム画面カスタマイズではKLWPが人気のようです。このアプリはライブ壁紙アプリですが、その内容をかなりカスタマイズできるというものです。GlaejaやZooper Widgetがライブ壁紙になったと考えると理解が早いと思います。

そして、ライブ壁紙ということでGlaejaやZooper Widgetでできなかったことでも、KLWPならできるというものがたくさんあります。そんなKLWPで可能になることの1つの例として、今回は「画像を回転させ続ける」ということをやってみます。

今回の題材

今回は、このホーム画面の左上にあるグラデーションしているリングを回してみます。これは、そうデレステこと『アイドルマスター シンデレラガールズ スターライトステージ』のロード画面その他の背景で回っているアレです。

以前、5周年企画でとくめいさんの作成したデレステホームではKLWPを使っていましたが、これが回っていませんでした。なので、ここで回してみます。

0.完成形

完成したもの（の上部分）はこのようになります。

1.画像の用意

まずゲーム画面からスクリーンショットを撮影し、それを繋ぎあわせたりして円になった画像を作ります。

左はpng(288KB)、右はjpg(99KB)です。必要ならダウンロードしてください。

KLWPでの設定

KLWPで先ほどの画像を置いたら、タブから「アニメ」を選びます。
最初はなにもないので、右上の＋から新規作成します。でてきた中の「なし」をタップ。

ここはアニメ実行のトリガーとなる部分です。「ループ」を選びます。
項目が増えたので、その下の「アクション」「Ease」を設定します。

アクションは「回転」、Easeは「Straight」です。
これでプレビュー画面内でも画像が回転し出します。

最後にスクロールして「時間」を調整します。
今回の場合は、1回転にかかる時間を指定、と思えばOKです。今回は180にしてみましたが、もっと遅くてもいいかもしれません。

完成

これで完成しました。左上の円が最初の動画のように回り始めると思います。

今回の一連の設定方法を動画にしてみました。説明などはないですが、やり方としては理解できるでしょう。

まとめ

KLWPのアニメーション機能を使えば、簡単に画像を回転させることができます。今回の動きの他にもアニメーションの項目は多々あり、組み合わせることでかなり自在にホーム画面を動かすことができるようになります。
ぜひ使ってみてください。