３次ベジェ曲線アニメ

３次ベジェ曲線アニメ function PHP ファイル
3_bezier0.php

MoveImage に戻る

<?php
function Bezier_30($bezier){

$we="";	
if($bezier['ic'] == 1){
  $we="-webkit-";	
}
for($t = 0; $t <= 100; $t++){
  $tt = $t / 100;
  $x = 
  $bezier['x0']*pow((1-$tt),3)
 +$bezier['x1']*3*$tt*pow((1-$tt),2)
 +$bezier['x2']*3*pow($tt,2)*(1-$tt)
 +$bezier['x3']*pow($tt,3);
  $y =
  $bezier['y0']*pow((1-$tt),3)
 +$bezier['y1']*3*$tt*pow((1-$tt),2)
 +$bezier['y2']*3*pow($tt,2)*(1-$tt)
 +$bezier['y3']*pow($tt,3);
  echo $t."%{".$we.
    "transform:translate("
    .$x."px,".$y."px);}";
 }
} // function END
/*	
  x0:X軸-始点
  y0:Y軸-始点

  x1:X軸-制御点1
  y1:Y軸-制御点1

  x2:X軸-制御点2
  y2:Y軸-制御点2

  x3:X軸-制御点3
  y3:Y軸-制御点3

  x4:X軸-制御点4
  y4:Y軸-制御点4

  x5:X軸-終点
  y5:Y軸-終点

  ic:ieとChromeの区別　0→ie  1→Chrome
*/
?>