前 | 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 |
昔、何かで作った記憶があるのだが、ソースは無い・・・・・
ラジアン を求める. radian = 角度 x Math.PI / 180
それを使って sin cos だ!
Math.sin(radian) で上下の、Math.cos(radian) で左右の座標が取れる.
あとは中心点との差でオブジェクトを描画したい位置を決めて~
setTimeout で次々と描画位置を変えればぐる~っと回る~
sin だと -1 ~ 1 を変移するので、これを使って transform:scale(x) 設定で置くに行くと小さく、手前を大きくすると「っぽい」のが出来るな.
パラメータ的に重なりもあり得るから、zIndex も設定しておいた方が良いだろう・・・・たぶん.