title
2017年
5月
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
AV | Car | Game | Internet | IT | Linux | Movie | other | PC | RC | Reading | SmartPhone | Web


2017-05-19 回転

_ [Web]思い立って作ってみた、回転.

昔、何かで作った記憶があるのだが、ソースは無い・・・・・

ラジアン を求める. radian = 角度 x Math.PI / 180

それを使って sin cos だ!

Math.sin(radian) で上下の、Math.cos(radian) で左右の座標が取れる.

あとは中心点との差でオブジェクトを描画したい位置を決めて~

setTimeout で次々と描画位置を変えればぐる~っと回る~

sin だと -1 ~ 1 を変移するので、これを使って transform:scale(x) 設定で置くに行くと小さく、手前を大きくすると「っぽい」のが出来るな.

パラメータ的に重なりもあり得るから、zIndex も設定しておいた方が良いだろう・・・・たぶん.



Links
  • Smoug Mail
    無料/有料 の、メールアドレス発行サービス。
    スパムフィルタ、アンチウィルス標準搭載!
«前の日記(2017-05-18) 最新 次の日記(2017-05-20)»