Framework(以下、starling)を使用するための環境構築についてご紹介しました。今回から、オブジェクトの表示やイベントを使用する方法をご紹介します。初めに、starlingを使用する上での基本となる形についての説明です。addedToStage(e:Event){trace("addedToStage");}}StarlingTestクラスのコンストラクタの中で、starlingインスタンスを生成しています。引数に描画内容を記述しているクラス(※1)、第二引数には描画するstageを指定します。※1.正確にはstarlingのSpriteを継承したクラスshowStatsAt関数は、starlingのパフォーマンスを確認するためのもので、フレームレート・メモリ使用量・描画回数の3つが表示されます。デフォルトではfalseが設定されており表示されませんが、この関数の実行もしくは、starlingクラスが持っているshowStatsプロパティを自らtrueにすることで表示することが出来ます。ture;もしくはstar.showStatsAt();showStatsAt関数の引数は全部で3つです。1の値を持っているので何も指定せずにshowStatsAt関数を実行すると左上に等倍の大きさで表示されることになります。showStatsAt関数を実行後、start関数にて描画を開始しています。上記からわかるようにstarlingを使用するために必要な最低限の実装は下記の2点です。starlingのインスタンス生成start関数の実行それでは次に、starlingのコンストラクタの第一引数に渡すクラスの実装についての説明です。StarlingTestMain~の部分となります。描画内容を担当するクラスはSpriteを継承する必要があり、更に継承するSpriteはstarlingのSpriteである必要があります。その為、starling.display.Spriteのインポートを忘れずに記載しましょう。starlingインスタンスのstart関数が実行されることにより、StarlingTestMainのインスタンス生成が行われます。StarlingTestMainのコンストラクタでは、ADDED_TO_STAGEイベントをリスナーに追加しており、ここで使用しているADDED_TO_STAGEはstarlingのイベントなので、starling.events.Eventのインポートも行います。FlashのADDED_TO_STAGEと同じようにstageの準備が整った際に通知されるイベントなので、このイベントのコールバックに描画を開始する関数を指定します。以上が、starlingを使用する際の基本形となります。それでは、starlingの使用方法がわかったところでオブジェクトを表示させてみましょう。使用するのは矩形を描画するQuadクラスです。starling.display.Quadになります。インスタンスの生成は下記の通りです。矩形の色を指定するには2種類の方法があります。4点に色を指定することで矩形にグラデーションをつけることも可能です。starlingオブジェクトのデフォルトのアンカーポイント(※2)は左上です。アプリケーションを作成していく上で、左上では都合が悪かったりする場合が出てくると思いますがそんな時は、アンカーポイントを変更しましょう。下記は、アンカーポイントを真ん中に設定しています。正常に矩形が表示できたでしょうか。簡単なQuadクラスの紹介をさせていただいたところで本記事は終了となります。最後まで御覧いただきありがとうございました。<次回の更新について>次回からは、starlingのテクスチャを使用したオブジェクトの表示についてご紹介します。コメントをキャンセルメールアドレスが公開されることはありません。BlogFeathersFeathersHTMLJavaScript。