Comments前回は、CitrusEngineの導入方法についてご紹介いたしました。今回から、2回に分けてCitrusEngineに用意されているHeroクラスについてご紹介いたします。Heroクラスご紹介の1回目は、Heroオブジェクトの生成と画像設定です。Heroクラスは、プレイヤーが操作することの出来るオブジェクトを生成するクラスとなります。キーボードの左右下キーで「左右移動/かがむ」、スペースキーで「ジャンプ」のアクション動作が標準機能として備わっており、物理オブジェクトも自動的に生成されます。Heroの生成は以下の通りです。コンストラクタに文字列を渡しています。この文字列はHeroクラスが持つnameプロパティに設定されるものでHeroクラスを生成するときは、必ず指定する必要があります。間違わないよう注意して下さい。設定することが出来ます。次の説明に移る前に、一度この状態で実行してみます。表示オブジェクト(以下viewと表記)の設定を行っていないので、何も表示されません。この段階で既にHeroオブジェクトは正常に生成されています。物理オブジェクトの可視設定を行い、Heroオブジェクトを確認してみましょう。真ん中の四角い箱がHeroオブジェクトです。これで正常に生成されていることが確認できました。下にある緑の線は、Box2d空間を作成したときに用意した地面のオブジェクトになります。それでは、Heroクラスのご紹介に戻ります。続いては、viewの設定です。)がもつviewプロパティは非常に柔軟性があり、様々な方法でviewを設定することが出来ます。viewを設定することが出来ましたが、設定した画像が地面に埋もれてしまっています。これは、物理オブジェクトのサイズが設定した画像と異なっているためです。設定する必要があります。CitrusEngineのオブジェクトが持つプロパティは、生成時に設定することも出来ます。Heroクラスのコンストラクタ定義は、第2引数がObject型のparamsとなっておりHero生成時に各種パラメータが設定されたObject型の変数を渡すこと可能です。Object型にパラメータを設定するときのキーは、Heroクラスが持つプロパティと同じものを指定します。簡単なご紹介となりましたが、以上で本記事は終了となります。最後まで御覧いただきありがとうございました。<次回の更新について>次回は、Heroクラスのアニメーションとイベント追加について説明していきます。弊社では全国各地の請負い(ご自宅)で作業協力頂ける、フリーランスエンジニアの方を常時探しております。ご興味ある方は、お気軽にお問い合わせ下さい。コメントをキャンセルメールアドレスが公開されることはありません。BlogFeathersFeathersHTMLJavaScript。