ベクトルの向きと大きさ normalize()
normalize() は、ベクトルの向きはそのままでベクトルの大きさを変更するメソッドである。以下の例ではフィールドをクリックするとその方向にインスタンスが移動する。どの向きに進む場合も移動の速度は speed で指定した速さになる。
インスタンス座標とクリックされたポイントのグローバル座標から進む方向のベクトルを判定し、ベクトルサイズを normalize() を使い speed の大きさに変換する。mc1 が進む方向に向くように Math.atan2() で2点間の角度を計算し、インスタンスを回転させる。
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="600" height="256" initialize="init()">
<mx:Script>
<![CDATA[
import mx.core.UIComponent;
private var container:UIComponent = new UIComponent();
private var mc1:Sprite = new Sprite();
private var vector:Point = new Point();
private var speed:int = 10;
private var pt1:Point;
private var pt2:Point;
private function init():void {
addChild(container);
mc1.graphics.beginFill(0xffffff);
mc1.graphics.moveTo(10,0);
mc1.graphics.lineTo(-10, 10);
mc1.graphics.lineTo(-10, -10);
mc1.graphics.endFill();
container.addChild(mc1);
application.addEventListener(MouseEvent.CLICK, onClick);
mc1.addEventListener(Event.ENTER_FRAME, enterFrame);
}
private function onClick(event:MouseEvent):void {
pt1 = new Point(mc1.x, mc1.y);
pt2 = new Point(event.stageX, event.stageY);
vector = pt2.subtract(pt1);
vector.normalize(speed);
mc1.rotation = Math.atan2(vector.y, vector.x)*180/Math.PI;
}
private function enterFrame(event:Event):void {
mc1.x += vector.x;
mc1.y += vector.y;
if (mc1.x < 0) {
mc1.x = application.width;
} else if (mc1.x >application.width) {
mc1.x = 0;
}
if (mc1.y < 0) {
mc1.y = application.height;
} else if (mc1.y > application.height) {
mc1.y = 0;
}
}
]]>
</mx:Script>
</mx:Application>
索引
- オブジェクトとクラス
- コメント
- parent
- ステートメントの区切りと改行
- 大文字と小文字
- 変数
- 定数
- グローバル定数
- クラスの静的パブリック定数
- エスケープシーケンス
- 関数とメソッドの違い
- 「予約語」と「キーワード」
- 変数の型
- グローバル関数
- arguments オブジェクト
- ...(rest)パラメータ
- データ型のチェック:is、as、typeof
- ストリングを数値に変換
- 数値をストリングに変換する
- Application オブジェクトについて
- Document オブジェクトについて
- データ型の変換(キャスト)
- プリインクリメント、ポストインクリメント、プリデクリメント、ポストデクリメント
- 比較演算子
- 論理演算子
- ビット単位演算子(ビット演算子)
- XML演算子
- その他の演算子
- 三項演算子
- 「::」名前空間識別演算子
- 「[]」
- 「{}」
- 配列アクセス演算子「[]」
- 多次元配列
- Arrayクラスを使う
- 配列の値の個数を調べる length
- 配列の先頭/末尾に値を追加する/抜き取る:push() pop() unshift() shift()
- Spriteクラスに図形を描画する
- 配列の一部を切り出す slice(), splice()
- 配列を複製する slice()
- 配列を連結する concat()
- 配列を検索する indexOf() lastIndexOf()
- 配列の値を逆順に並べ替える reverse()
- 配列の値の並びをソートする sort()
- 配列を関数の結果でソートする
- 配列の要素がオブジェクトのとき、オブジェクトの値でソートする sortOn()
- 配列の値をストリングに変換する toString() join()
- 配列の値をチェックする some() every()
- 配列にフィルタをかけて新しい配列を作る filter()
- 配列の値を指定の関数で変換する map()
- 配列の値を使って指定のメソッドを実行する forEach()
- 配列のインデックスを順に取り出す
- インデックス番号やプロパティ名を順に取り出す for .. in
- 値を順に取り出す for each .. in
- グローバル座標、ローカル座標
- マウスの座標
- MouseEventクラスのイベント通知からマウスのローカル座標を取得する
- 点を扱う Pointクラス
- ベクトルの加算減算 add()、subtract()、distance()、equals()
- ベクトルの向きと大きさ interpolate()
- ベクトルの向きと大きさ normalize()
- ベクトルの向きと大きさ polar()
- 短形領域を扱う Rectangleクラス
- 短形領域の加算 union()
- 短形領域の減算 intersection()
- 短形領域の伸縮 inflate()、inflatePoint()
- 短形領域の衝突 containsPoint()、containsRect()、intersects()

