３次ベジェ曲線アニメクラス

３次ベジェ曲線アニメクラススタ－トファイル作成

まずは、３次ベジェ曲線アニメクラスファイルの全体像を示します。

これから分かるように６個のファイルを順次作成していきます。
最初に３次ベジェ曲線アニメクラススタ－トファイル
bez_cla_start.php
を作成することにします。
基本的には、
Move Image に戻り左サイドナビ｢複数３次ベジェ曲線アニメ｣の中の
複数３次ベジェ曲線アニメｽﾀ-ﾄ PHP ﾌｧｲﾙ
とほとんど同じです。
これからその差分について説明します。

スタイルの読込

アニメ軌道のスタイルシ－トは PHP を利用して書込みます。
<?php
include "bez_cla_sty.php";
?>
スタイルシ－トは、bez_cla_sty.php を読み込めばこれによって作成されます。
読み込むファイルが、3n_bezier.php から bez_cla_sty.php に代わります。
bez_cla_sty.php ファイルの説明は後述します。
もう１箇所二つ目の画像が必要となりますので、リンゴの画像に加え、サッカボ－ルの画像
<div id="object1">
<img src="img/soccer_ball.gif">
</div>
を追加しました。
出来上がった bez_cla_strat.php は
左サイドナビ｢３次ベジェ曲線アニメ｣の中の
３次ベジェ曲線アニメクラスｽﾀ-ﾄ PHP ﾌｧｲﾙ
からみてください。
これで、
３次ベジェ曲線アニメクラススタ－ト PHP ファイル
bez_cla_start.php
は作成完了です。
とてもシンプルです。