Flash CS3描画API、ActionScript 3、Shapeクラス

• かもしれません 6, 2024

Flashで行うお気に入りの1つは、ステージに描画することです。ただし、四角形ツールや楕円形ツールなどのFlash描画ツールを使用した描画については説明していません。このチュートリアルでは、ActionScript 3とDrawing APIを使用した描画の基本を学習します。

私は初心者のチュートリアルでOOPプログラミングとクラスについてあまり語ることをためらっています。ただし、このチュートリアルは例外です。 OOPクラスの基本概念を紹介するのに最適です。 ActionScriptのOOPクラスは、プロパティとメソッドと呼ばれる事前に構築された情報の集まりです。この事前に構築された情報は、特定のクラスの使用を必要とするすべてのプログラムでこの情報を書き換える必要がないため、ActionScriptのコーディング時にプログラマーの時間を大幅に節約します。

このチュートリアルでは、Shapeクラス、定義済みのGraphicsプロパティ、およびいくつかのメソッドを使用して、ステージ上に単純な円を描画します。

グラフィックスプロパティ
lineStyleメソッド
beginFillメソッド
drawCircleメソッド
endFill（）メソッド

最初のステップは、タイムラインにアクションレイヤーを作成し、フレーム1をクリックして、アクションパネル（ウィンドウ-アクション）を開きます。コードの最初の行は、円を保持する新しい変数を作成します。

var myCircle：Shape = new Shape（）;

上記のコードでは、新しい変数を作成し、「myCircle」という名前を付けています。この新しい変数のデータ型を設定しています 形状。反対側では、使用しています 新着 キーワードを使用して、Shapeクラスの新しいインスタンスを作成します。

Flash描画ツールを使用したことがある場合、図形には線と塗りの両方があることがわかります。 Shapeクラスを使用して描画する場合、ストロークと塗りつぶしも使用できます。次の数行のコードでは、myCircleのStrokeとFillを定義します。

myCircle.graphics.lineStyle（2、0x000000）;

上記のコードでは、GraphicsプロパティのlineStyleメソッドを使用してStroke値を設定しています。ストロークの幅の値をピクセル単位で設定し、ストロークの色を16進値で設定します。上記では、円のストロークを2ピクセルの幅と黒の色に設定しています。

次に、円を塗りつぶします。ここでも、GraphicsプロパティとそのbeginFillメソッドを使用します。円の塗りつぶしを制御できる2つの値は、色とアルファです。色の値を設定する必要があります。設定しない場合、Flashは非常に混乱します。ただし、アルファ値の設定はオプションです。円の塗りつぶしを赤に設定しましょう。ここでも16進数を使用します。

myCircle.graphics.beginFill（0xff0000）;

OK、今度はFlashにステージ上の円を描く場所を指示する必要があります。ご想像のとおり、X軸とY軸の値と円の半径を設定する必要があります。これは、Graphicsプロパティの一部であるdrawCircleメソッドを使用して行います。

myCircle.graphics.drawCircle（100、200、50）;

このコード行では、ステージの左上隅からX軸に沿って100ピクセル、Y軸に沿って200ピクセルの円を描くようにFlashに指示しています。円の半径は50です。これらの値を設定するときは、コードにリストする順序に注意してください。最初の値はX軸用で、2番目の値はY軸用です。 3番目は半径用です。 Flashにこれらの値を順不同で指定すると、予期しない結果が発生します。

最後に、サークルを子表示オブジェクトとして表示リストに追加する必要があります。

addChild（myCircle）;

ああ、1行のコードを残しました！コードはそのまま機能しますが、描画プロセスを「閉じる」endFill（）メソッドを省略しました。 endFill（）が自動的に呼び出されるため、これは実際には必要ありません。ただし、addChild（）の直前にコードに追加することをお勧めします。

myCircle.graphics.endFill（）;

完全なコードは次のとおりです。

Copyright 2018 Adob​​e Systems Incorporated。全著作権所有。 Adobe Systems Incorporatedの許可を得て、Adobe製品のスクリーンショットを転載しました。 Adobe、Photoshop、Photoshop Album、Photoshop Elements、Illustrator、InDesign、GoLive、Acrobat、Cue、Premiere Pro、Premiere Elements、Bridge、After Effects、InCopy、Dreamweaver、Flash、ActionScript、Fireworks、Contribute、Captivate、Flash CatalystおよびFlash Paper米国および/またはその他の国におけるAdobe Systems Incorporatedの[a]登録商標または商標です。