KLWPで斜めのプログレスバーも可愛く
【こちらは前サイトからの移植記事になります。】
今回は、斜めのプログレスバーにも可愛くハートを動かしたい♡という時の数式になります。
基本は、真横のプログレスバーのハートを動かした時のようにオフセットに数式を入れる感じ。
アンカーは中央以外で
アンカーが左中央、中央、右中央の場合、プログレスバーの端からの式でなくなるため一気にややこしくなります。
Ｘオフセット
Ｘオフセットは、横に動かす場合と同じです。
アンカーが左、バッテリー残量によって動かす場合
|
1 |
$si(rwidth)/100*bi(level)-[動かすアイコンなどの半分]$ |
Ｙオフセット
Ｙオフセットは角度と底辺がわかっているということでタンジェントを使う。
アンカーが左上の場合
|
1 |
$si(rwidth)/100*bi(level)*mu(tan,[角度])-[動かすアイコンの半分]$ |
中途半端な位置に置きたい場合は、プログレスバーもアイコンもアンカーを四隅にしてＹオフセットで調整したら楽。