円運動アニメ
設定ファイル
circle.php

Move Imageに戻る

<?php
include "circle_func.php";
$name = "test1";
$r=237; //半径
$v=270; //スタート角度
$k=360; //周る角度
$n=24; //分割数
$cx=237;
$cy=237;
$dr=1;
	
echo
 "@-webkit-keyframes ".$name."{";
corner($r,$v,$k,$n,$cx,$cy,$dr,1);
echo"}";	

echo
 "@keyframes ".$name."{";
corner($r,$v,$k,$n,$cx,$cy,$dr,0);
echo"}";

/*	
$r:半径
$v:スタート角度、０時位置
   から動かす時は270
   ３時スタートは0
   ６時スタートは90
   ９時スタートは180
$k:周る角度、一周するときは360
$n:分割数、15ぐらいでよい、
   大きいほど円に近づく
$cx:円の中心 X座標
$cy:円の中心 Y座標
０％の X Y座標は
０時スタートは $cx    $cy-$r
３時スタートは $cx+$r $cy
６時スタートは $cx    $cy+$r
９時スタートは $cx-$r $cy
$dr:  時計まわりは→ 1、
    反時計まわりは→ -1
$ic:ieとChromeの区別 0→ie
                    1→Chrome 
*/

?>