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

Move Imageに戻る

<?php
include "oval_func.php";
$name = "test1";
$r=237; //半径
$v=0; //スタート角度
$vy=45; //楕円傾斜角度
$k=360; //周る角度
$n=24; //分割数
$cx=237;
$cy=237;
$dr=-0.75;
	
echo
 "@-webkit-keyframes ".$name."{";
oval
 ($r,$v,$vy,$k,$n,$cx,$cy,$dr,1);
echo"}";	

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

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