ShapeクラスはGraphicsクラスのgraphicsプロパティが定義されていて、このプロパティによりGraphicsクラスのメソッドにアクセスでき、円や矩形を描画する事ができます。graphicsプロパティを持つクラスはShapeの他にSpriteがあります。ここでは*myShapeオブジェクトを作成して線をステージに描いてみます。
* myShapeオブジェクトの作成後、graphicsプロパティを使用してGraphicsクラスのメソッドにアクセスしています。
・最初にmyShapeオブジェクトを作成します。（クラスのインスタンス化）
var myShape:Shape = new Shape();
|
・次に線を描く為に線のスタイルの設定を行います。まず最初にGraphicsクラスのメソッドを使用する為にShapeクラスが持つgraphicsプロパティを使用します。lineStyle()のメソッドパラメータの最初の3は線の太さ、第2パラメータは線の色です。（ここでは0xFF0000と指定して色は赤になります。）
var myShape:Shape = new Shape();
myShape.graphics.lineStyle(3, 0xFF0000);
|
・lineStyle()メソッドで線のスタイルを設定したら、次はlineTo()メソッドを使用して線をどこからどこまで描くのかを設定します。lineTo()のパラメータ第1はx、第2はyとなります。ここではx=100、y=150と設定していますのでステージの一番左上(0, 0)から(100, 150)まで赤い線が描かれます。
var myShape:Shape = new Shape();
myShape.graphics.lineStyle(3, 0xFF0000);
myShape.graphics.lineTo(100, 150);
|
・最後にステージに線を表示させる為に表示リストにaddChild()を使用してmyShapeを追加して終了です。
var myShape:Shape = new Shape();
myShape.graphics.lineStyle(3, 0xFF0000);
myShape.graphics.lineTo(100, 150);
this.addChild(myShape);
|
・Ctrl + Enter キー (Windows) または Command + Enter キー (Macintosh) を押して出力を行うと下の様になります。
・今回は線の描画の位置を決めませんでしたのでステージの左上隅(0, 0)から(100, 150)までの位置まで線の描画が開始されましたが、線の現在の描画の開始位置を決めるmoveTo()メソッドも用意されています。例えばmoveTo()のパラメータには線の開始位置の座標を指定します。moveTo(50, 60)の場合線の開始位置はx=50、y=60の位置からになります。
|
