KLWPで画像をスクロールして無限ループさせる

|

KLWPで1つの画像を使って、それがずっとスクロールして無限ループしているようなものを作ります。以前にも同じようなものを書いたのですが、もっと簡単にできました。

以前の方法

以前の方法は上の記事に書いてあります。画像を3パターンで動かすとか、横2倍の画像を用意するとか書いてあります。当時はそれでいいと思ったのですが、実はもっと簡単にできました。というか当時はなんでこれがダメだったのか(思いつかなかったのか?)不思議です。

無限ループの表示例

こんな感じで背景がずっとスクロールしているように見せます。

無限ループの作り方

1つ目の画像を横幅いっぱいに配置

まずはループする画像を横幅いっぱいの大きさにして配置します。

なお、今回使用した画像は以下のページの「シルエットタウン1」です。

アニメーションの設定

アニメで「実行」をループ、「アクション」をスクロールに設定します。
「時間」はループ1周の時間だと思ってください。100で10秒です。

コピーして開始位置を変更

画像レイヤーをコピーしてもう1個作ります。アニメーションなどはそのままに、「位置」を-720(丸1画面分左)に変更します。

終了

これでOKです。画像レイヤー2つだけでできました。
最初の画像が右端に消えるときには、2つ目の画像が右端から出てきてちょうど画面幅いっぱいになります。その瞬間に1つ目の画像は元の位置に戻ります。

文章ではわかりにくいかもしれないので、画像1と画像2の色を変えてみました。

一瞬で画像が入れ替わっているのがわかるでしょうか。

まとめ

横幅いっぱいになる画像を用意してコピーして開始位置をずらすだけでOKでした。なぜ前回の私は3つも使ったのでしょうか…?KLWPに限らないですが、割とあとになってもっといい方法を思いつくことがありますね。

公式のKnowledge Baseで、表示できる項目の一覧などを眺めていると、実は自分が知らなかったものを見つけたりして面白いです。アプリ内の例で書かれていないものもあるので、たまにはチェックしてみるといいですよ。

Random Posts

エキサイトモバイルを3年使った感想:通信速度や使い勝手、メリットとデメリットを紹介【PR】
Pixel 3 レビュー:すっかり馴染み、これからの2年を一緒に歩めるスマートフォン
Xperia XZ1 SOV36 をジャンク品扱いで購入:SIMロック解除無しでau系格安SIMが使えるはずが…
Xperia 1 SO-03L 購入!開封の儀とファーストインプレッション:大きいのに持ちやすい細マッチョ
BIGLOBEモバイルのエンタメフリー・オプションを実際に使ってみた
Lagopus Free:最短1秒ごとにリスト更新も可能なシンプルで見やすいTwitterアプリ
UMIDIGI X は179.99ドルで8月26日発売!Xiaomi Mi A3 キラーとなるのか!?
OCN モバイル ONEの新コースを契約!従来コースとはAPNが違います
中華ガジェットを買ったときにGoogleレンズの翻訳が便利
BlackBerry KEY2 レポート:ホーム画面とプリインアプリ、設定画面にベンチマーク
かわいい天気予報2:かわいいイラストで表示する天気予報アプリ
格安SIM (MVNO) の速度測定:2019年12月 その2 OCN モバイル ONEの新コースは速い
格安SIMの通信速度比較【2019年6月その1】速さで選べばb-mobile・DTI・ワイモバ
フラッグシップキラーUMIDIGI F1がキックオフセール199ドルという価格で発売開始!
ラスタバナナのPixel 3用画面保護フィルム(アンチグレア)購入!ギリギリフィットサイズでなかなか良し