FLASHのお勉強_アクションスクリプトaction script

　モーショントウイーンをステージ上で作成するときは、ペンツールなどで曲線を描き、それをモーションガイドとして曲線移動をさせたが、アクションスクリプトを使うと定義した式に沿って移動させることが出来る。　ここでは、２次関数、３角関数を使った曲線移動を勉強する。

ボールの初期設置
　前節参照。

ボールの曲線移動
（１）２次曲線
　　　y = a*(x-b)*(x-c) + d と言う２次関数で表される曲線に沿ってオブジェクトを移動させる。　２次関数をこの形にしているには、ｂ，ｃでx軸に交わり、ｄでy軸に交わる曲線ということで、曲線のイメージがわきやすいと思っただけである。　a,b,c,d に適当な数値を割り当てて作成したスクリプトとその動きを以下に示す。　ｘの値は50から200の間で繰り返すようにしてある。　変極点に近いところでは時間当たりの変化が少ないので、減速して見える。

　onClipEvent (load) {
　　　this._x = 50;
　　　this._y = 50;
　}
　onClipEvent (enterFrame) {
　　this._x += 2;
　　if (this._x > 200) { this._x = 50; }
　　this._y = -0.04*(this._x-200) *(this._x-50) + 50;
　}

（２）サインカーブ
　　　y = a*sin(bｘ)+c と言う三角関数で表される曲線に沿って移動する場合のスクリプトも同様に作成できる。

　onClipEvent (load) {
　　　this._x = 50;
　　　this._y = 100; }
　
　onClipEvent (enterFrame) {
　　if (this._x >350) {this._x = 50; }
　　　this._x=this._x+5;
　　　this._y=40*Math.sin(this._x/18)+100;
　}

（３）円運動
　円を描かせるのは、ｘ、ｙの関係を使った上の例とちょっと違って、次式の角度（θ）を増加させてｘ、ｙの変化を描かせる手法をとる。
　　　ｘ＝x0 + r*cos(πθ/180）、　ｙ＝ｙ0 + r*cos(πθ/180）
　ここで、x0,y0は中心座標、ｒは半径、θは角度（0-360）を表す。　以下に、スクリプトと動きを示す。

　onClipEvent (load) {
　　　this._x = 50;
　　　this._y = 100;
　　　kaku = 0;
　}

　onClipEvent (enterFrame) {
　this._x = 100 + 50*Math.cos(kaku/60);
　this._y = 100 + 50*Math.sin(kaku/60);
　kaku += 3;
　}

（注）
　kakur=0;
　　変数kakuの初期値：0

HOME　　　お勉強総リスト