複数３次ベジェ曲線アニメ

複数３次ベジェ曲線アニメ設定 PHP ファイル
3n_bezier.php

MoveImage に戻る

<?php
include "php/3n_bezier_func.php";
	
$bezier[1] = array(
  'x0' => 0,   // X軸-始点
  'y0' => 0,   // Y軸-始点
  'x1' => 0,   // X軸-制御点1
  'y1' => 650, // Y軸-制御点1
  'x2' => 450, // X軸-制御点2
  'y2' => 650, // Y軸-制御点2
  'x3' => 450, // X軸-終点
  'y3' => 300, // Y軸-終点
  'ic' => 1,
  'no' => 1,
  'dv' => 4
);
$bezier[2] = array(
  'x0' => 450, // X軸-始点
  'y0' => 300, // Y軸-始点
  'x1' => 450, // X軸-制御点1
  'y1' => -50, // Y軸-制御点1
  'x2' => 0,   // X軸-制御点2
  'y2' => -50, // Y軸-制御点2
  'x3' => 0,   // X軸-終点
  'y3' => 600, // Y軸-終点
  'ic' => 1,	
  'no' => 2,
  'dv' => 4
);
$bezier[3] = array(
  'x0' => 450, // X軸-始点
  'y0' => 0, // Y軸-始点
  'x1' => 450, // X軸-制御点1
  'y1' => 650, // Y軸-制御点1
  'x2' => 0,   // X軸-制御点2
  'y2' => 650, // Y軸-制御点2
  'x3' => 0,   // X軸-終点
  'y3' => 300, // Y軸-終点
  'ic' => 1,	
  'no' => 3,
  'dv' => 4
);
$bezier[4] = array(
  'x0' => 0,   // X軸-始点
  'y0' => 300,   // Y軸-始点
  'x1' => 0,   // X軸-制御点1
  'y1' => -50, // Y軸-制御点1
  'x2' => 450, // X軸-制御点2
  'y2' => -50, // Y軸-制御点2
  'x3' => 450, // X軸-終点
  'y3' => 600, // Y軸-終点
  'ic' => 1,
  'no' => 4,
  'dv' => 4
);
	
echo"@-webkit-keyframes test1{";
for($i = 1; $i <= $bezier[1]['dv']; $i++){
  Bezier_3n($bezier[$i]);
}
echo"}";
/*
 'ic' => 0 にして -webkit- なしで
 @keyframes を出力する準備
*/
for($i = 1; $i <= $bezier[1]['dv']; $i++){
  $bezier[$i]['ic'] = 0;
}
echo"@keyframes test1{";
for($i = 1; $i <= $bezier[1]['dv']; $i++){
  Bezier_3n($bezier[$i]);
}
echo"}";
/*
 -webkit-有無
 'ic':ieとChromeの区別
 0→ie  1→Chrome
*/
?>