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

格安SIM (MVNO) 速度比較 : 2017年12月その1 止まらないUQ mobile、そして止まったのは
Musicolet Music Player:曲順表示できるウィジェットを持つ音楽プレイヤーアプリ
通知の見れるフラットなホーム【ホーム画面定期コンテスト】
MEZZO”の壁紙と必要なアプリ・機能を共存させたホーム画面【ホーム画面企画2016】
Teclast P10 レビュー:10.1インチでゴロゴロ動画視聴にちょどいい約15000円のAndroidタブレット
AquaMozc for BlackBerry:BlackBerryの物理キーボードでPCライクな操作性を実現する日本語IMEアプリ
CircleFinder:Twitterでフォローしている人からコミケ等のサークル参加者を一覧表示するアプリ
Androidの地味で目立たなくて忘れられがちだけど使うと意外と便利な機能
P4 HUD Widget:ペルソナ4に出てくるような日付と天気と時間帯のウィジェット
テンを買えない全ての方たちへ…【ホーム画面コンテスト2017】
「Androidのホーム画面をカスタマイズする本7」PDF版および書店委託販売のご案内
タッチパネル&5Wのオーディオスピーカーとサブウーファー搭載「Tronsmart Jazz mini Bluetooth4.2 スピーカー」レビュー
ペルソナ5のアニメにXperiaが登場!描写は精巧で、ちゃんと協力としてクレジットされている
BlackBerry KEY2 レポート:物理キーボードと日本語入力の奮闘記その1
KLWPでカレンダーその1:2種類の週間カレンダーを作ってみる