KLWPでUNIQLOCKみたいなホーム画面のための試作

|

ずっと前から「UNIQLOCKみたいなホーム画面、KLWPのテーマ作れないかなぁ?」と思っていました。意外と動きが複雑になりそうだなぁ、と思って今まで避けていたのですが、重い腰を上げて試作してみました。まだ細部を詰めてないのでアイデア段階ですけど。

UNIQLOCK

好きだったんですよ、UNIQLOCK。今はもうないんですけど。

UNIQLOCKというのは、ユニクロの広告、ウェブキャンペーンの1つです。軽快な音楽とともに時計が表示され、1秒毎に背景が切り替わり、5秒毎にダンス映像が流れるというもの。そのダンス映像が時を刻む音(秒針音?)と妙に合っていたりして、ずっと見続けてしまう系のものです。

ブログパーツやスクリーンセーバー、アプリにもなっていました。が、2017年1月でサービス終了してしまったのです。

YouTubeに一部残ってるのでどうぞ。

これをイメージしたものを作りたいと思ってました。まぁダンス映像は無理ですが、白と色が1秒毎に切り替わるような、そんな動きのものを。

試作その1

4つの色が上下左右から出てきて、どんどん色が変わります。5秒で1セットにしたため、最後がフェードアウトで変わるようになってます。これのせいでどうにも5秒毎に区切りが出てしまいます。

ちなみに、これらの動きは頭の中で考えるだけだとどうにも混乱するので、とりあえずどんな風になるのか紙に書き出してから作ってます。まぁそれでもだいぶ混乱するのですが。

とりあえずこの試作1がこれです。

zooper-iconuniqlock_b1.klwp
制作:orefolder
価格:無料

ダウンロード

試作その2

その1の方は記憶にあったUNIQLOCKで作ったのですが、ここで改めて上の方にあるUNICLOCKの動画を見てみました。そしたら基本的に1色で(数分ごとに変わる?)それと白とで繰り返されるものだと把握しました。で、それに合わせて作ったのがこちら。

1分ごとに色が切り替わるようにしてみました。なかなかうまく行ったのではないかと思います。これは4秒ごとにループしてます。

ただ、元のUNIQLOCKを見ると、5秒毎にダンス動画を挟みますが、その前後で色のパネルが来る方向が逆になってるんですよね。うーん…これも取り入れるべきか…?

とりあえずこの試作2がこれです。

zooper-iconuniqlock_b2.klwp
制作:orefolder
価格:無料

ダウンロード

今後の課題

これらのアニメーションはKLWPの「複雑な動き」で実現してます。ただこの動きの中では計算式など使えないので、端末幅など違うものではうまく動きません。

この辺りを改良したり、UNIQLOCKのダンス動画に変わるものもKLWP内で作ってみたりすれば、わりと良さげなものができるのではないかと思っています。試作2の方は白い部分がけっこう眩しいので、ダークテーマのときは黒系にしてもいいですね。先は長いですけど、考えるのは楽しいですね。

Random Posts

2018年作ったホーム画面まとめ
QuickeR:複数のQRコードをスクラップして1つにまとめて管理できるアプリ
ASUSオフィシャルストア「ASUS Store Akasaka」のプレオープンに行ってきました
【あなたのホーム画面見せてください 2018】応募全31作品のまとめ
第7回ホーム画面カスタマイズ定期コンテスト 投票結果発表! 1位は「カラフルシャッター(フラット)」
UMIDIGI A5 Proの詳細スペックがプレゼントキャンペーンとともに公開!5/21発売予定
格安SIM (MVNO) の速度測定:2020年1月 その1 やっぱりワイモバイルが安定した速さでGood
これはスマートウォッチの考えではダメだ!「PRO TREK Smart WSD-F30」発表体験イベントの衝撃が大きい!
UMIDIGI、スマートクロック兼Bluetooth 5.0スピーカー「UMIDIGI Uwake」を発表! 9/11発売
ピエールちえほんが思う「Xperia 1」が魅力的に感じる理由
BlackBerry KEY2 レポート:ホーム画面とプリインアプリ、設定画面にベンチマーク
最低維持費と2年間の総額で見る一番安い格安SIM!予備回線用に7社の料金を比較
ZenFone 5 (ZE620KL) 開封の儀:3年ぶりに手に入れた新しいZenFone 5はピカピカ輝いている
Pixel 4でIIJmioのeSIMを契約してみた!今なら初期費用1円・月額520円(終了)
シンプルに可愛く【あなたのホーム画面見せてください 2019】