KLWP v3.23で追加されたeaseとcomplex animation(複雑な動き)をチェック

|

先日、KLWPが3.23にアップデートされました。(→関連記事)そこでeaseに追加された項目と、新しく導入されたcomplex animation(複雑な動き)がどんなものなのか、チェックしてみたいと思います。

ease

easeというのは、アニメーションの項目の1つで、日本語では「緩急」と表示されているもののことです。今回のアップデートで2つ加わって、以下のようになっています。

  • normal(普通)
  • inverted(反転)
  • bounce(バウンス)
  • overshoot(オーバーシュート)
  • straight(直線的)
  • normal with return(普通(跳ね返って))
  • straight with return(まっすぐ(跳ね返って))

文字で見てもよくわからなかったので、実際に全て設置して動きを確かめてみます。

これは白い四角はすべて同じ設定で、easeの項目だけを変えています。見ればなんとなくどんな動きになるのか、わかるでしょうか。新しく加わった2つは時間内で元の位置に戻るのが特徴です。これを使えば1つのアニメで簡単に点滅など実現できます。

complex animation

complex animationはアニメーションのアクションの1つで、日本語では「複雑な動き」と表現されています。アクションは「スクロール」や「遠ざかる」「出現」など、どんな動きをするのかといったものです。新しく加わったcomplex animationは、1つのアクションでこれらほかのアクションを内包することのできるアクションです。

また、アクション内にタイムラインのようなものがあり、その時間経過をパーセントで管理し、それぞれの地点でどのような位置・動きになるのか設定できます。アニメで言えば設定するポイントが原画、中割りはKLWPが自動的にやってくれるというようなものでしょうか。

これを使うことで、1つの動作の中にwaitを持たせることができ、以下のような動きも可能です。

たぶんこれは以前までは難しかったと思います。

「タップすると右に動いて少しすると上に動く」というような動きはアニメーションを組み合わせれば以前も可能でしたが、complex animationを使えば1つのアニメーションで表現できます。ほかには、「途中で一度減速してまた元の早さに戻るプログレスバーもどき」のようなものも作れると思います。使いこなせば、なかなかおもしろいと思いますよ。


やはり新しい機能は使ってみないとわかりませんね。どんなものを作りたいか、も大事ですが、まずはサンプル的なものを作ってどんなことができるのかを理解するのも大事です。

Random Posts

画面消女:スクリーンオフまでの時間を変更したり消灯しないようにできるアプリ
OKITI モバイルバッテリー10000mAh:アルミボディがカッコいいケーブル内蔵モバイルバッテリー
MatCon – Material Icon Maker : マテリアルデザインのアイコンを簡単に作れるアプリ
レイ・アウトのZenFone 3用ハイブリッドケースを試す-ソフトとハードのいいところどりケース
格安SIM (MVNO) 速度比較 : 2017年8月その1 LINEモバイルの低速化は回復せず
FNF Ifive Mini 4S レビュー:1.5万円以下の激安ながらそこそこ使えるAndroidタブレット
世界時計:小さなスマートフォンで世界の今を見る【ホーム画面企画2016】
To-Do Widget:明るいフラットデザインのシンプルなTo Doリストウィジェット
格安SIM (MVNO) 速度比較 : 2016年11月その2 LINEモバイルが止まらない!速い、速すぎるよ!
格安SIMのカードサイズ変更と機種変更、MVNO10社の料金や方法をチェック
これが操作しやすい!ベーシック縦スクロールホーム画面【ホーム画面企画2016】
格安SIM (MVNO) 速度比較 : 2018年5月その2 ほかより少しだけいいOCN系が気になる?
Metro Clock Widget [Free]:街並みのシルエットとともに表示される天気と時計
ASUS本社見学へ!撮影禁止のあの場所へも入り込む そして別れの時 : ASUS台湾旅行記その4
KLWPで500pxのステキな画像をRSSから拾って使う方法
pocket line hatebu image gallery audio video category tag chat quote googleplus facebook instagram twitter rss search envelope heart star user close search-plus home clock update edit share-square chevron-left chevron-right leaf exclamation-triangle calendar comment thumb-tack link navicon aside angle-double-up angle-double-down angle-up angle-down star-half status