個人財務 HTML5ゲームのスプライトオブジェクトを構築する方法 - ダミー

HTML5ゲームのスプライトオブジェクトを構築する方法 - ダミー

目次:

ビデオ: LIBGDX para Android - Tutorial 09 - Regiones - How to make games Android 2025

ビデオ: LIBGDX para Android - Tutorial 09 - Regiones - How to make games Android 2025
Anonim

非常に強力なHTML5ゲームを作成するには、独自のスプライトを作成できますまさにあなたがしたいことです。オブジェクトを作成したら、そのオブジェクトに特性や動作を与えることができます。

ゲームのために在庫スプライトオブジェクトを作成する方法

まず、この単純なオブジェクトを見てみましょう。

critter var game;ヴァル・クリッター;関数init(){ゲーム=新しいシーン();クリッター=新しいスプライト(ゲーム、 "クリーチャー"、30​​、30);クリッター。 setSpeed(0);ゲーム。 start();} function update(){ゲーム。 clear();クリッター。 update();}

これは非常に簡単なプログラムです。シーンと という名前の1つのスプライトを作成します。 今、この動物はあまり働いていません。

<! -------

あなた自身のゲームスプライトの作り方

スプライトオブジェクトは素晴らしいですが、クリッター自体がオブジェクトであれば素晴らしいとは言えません。スプライト?スプライトのすべての基本的な機能から始めることができますが、他のスプライトとは異なる機能を追加することができます。

<! - 2 - >

CritterConstructorを見てください。 htmlでこれを行う方法を見てみましょう。

critter var game;ヴァル・クリッター;関数Critter(){tCritter = new Sprite(ゲーム、 "動物、gif"、30、30); tCritter。 setSpeed(0);戻り値:tCritter;}関数init(){game = new Scene();}クリッター=新しいクリッター();ゲーム。 start();} function update(){ゲーム。 clear();クリッター。 update();}

このプログラムは最後のプログラムとまったく同じように動作しますが、少し異なって構成されています。

<! - 3 - >
  • Critter() と呼ばれる機能があります。 関数はオブジェクトの名前であり、大文字でもあることが重要です。これは非常に特殊な関数です。これは、Critter()オブジェクトを定義するために使用されるためです。

  • Critter() 関数は、一時スプライトオブジェクトを作成します。 Critter()関数の中には、tCritter()という一時スプライトオブジェクトがあります。これは新しいスプライトです。

  • 一時スプライトを必要なだけ変更します。 JavaScriptで新しいタイプのオブジェクトを作成するには、基本的に新しいオブジェクトを作成し、それを修正して必要な動作を正確に取得します。この場合、クリッターのデフォルト速度が設定されました。

  • 一時的な Critter オブジェクトを返します。 特殊なCritter()関数の終了はスプライトを返しますが、今はスプライトだけではなく、クリッターです。

このメカニズムのポイントは、新しい種類のオブジェクトを利用できるようにすることです。クリッターはスプライトによく似ていますが、新しい動作と特性を持つことができます。これは非常に強力な機能です。

スプライトを別のスプライトの子孫のようにする技術用語は継承です。 JavaScriptの継承モデルは通常、( prototyping というメカニズムを使用して)別の方法で行われます。 正式なJavaScriptの継承が行われる方法ではありませんが、ここに示すメカニズムは「正しい」方法よりも理解しやすく、他の多くの言語で継承が行われる方法に似ています。このアプローチでは何も問題はありませんが、JavaScriptで継承するための他のアプローチが見られることがあります。

HTML5ゲームのスプライトオブジェクトを構築する方法 - ダミー

エディタの選択

あなたのEOS 80D写真のためのキヤノンソフトウェアをインストールする> ダミー

あなたのEOS 80D写真のためのキヤノンソフトウェアをインストールする> ダミー

キヤノンは、これらはCanonのウェブサイトからダウンロードできます。あなたの国を選択して、次のページのモデル名プロンプトにEOS 80Dと入力してください。 [Drivers&Downloads]リンクをクリックして、システムにインストールするソフトウェアを見つけます。現在、Canonはお勧めします...

キヤノンEOS Rebel T6 / 1300Dの輝度ヒストグラムを解釈する - ダミー

キヤノンEOS Rebel T6 / 1300Dの輝度ヒストグラムを解釈する - ダミー

Rebel T6 / 1300Dのヒストグラムは、音域を示すのに役立ちます。写真編集プログラムで訂正するのが最も困難な問題の1つは、吹き飛ばされたハイライトまたはクリッピングされたハイライトとして知られています。両方の用語は、画像の最も明るい領域が露出オーバーになり、さまざまな領域が含まれることを意味します。

キヤノンEOS 60Dのライブモードオートフォーカス設定 - ダミー

キヤノンEOS 60Dのライブモードオートフォーカス設定 - ダミー

キヤノン60Dのライブモードオートフォーカスが最適です風景、肖像画、静物などの静止被写体を撮影するのに適しています。あなたがどこを走っているのかを撮影しているなら、あなたはライブモードを使って良いショットを集めることができないでしょう。セット...

エディタの選択

BlogHerが出版ネットワーク - ダミーの

BlogHerが出版ネットワーク - ダミーの

BlogHerが出版ネットワークは、お母さんに集中する最初の広告ネットワークの一つであった、と最初はママのブロガーに焦点を当てる。 BlogHerが、今はお母さんと女性の両方のはるかに大きい聴衆で動作し、まだママブロガーが自分の仕事からの収入を得る手助けする取り組みをリードするパイオニアです。 ...

あなたのママブログのカスタム広告キャンペーンのスポンサーをターゲットにする - ダミー

あなたのママブログのカスタム広告キャンペーンのスポンサーをターゲットにする - ダミー

あなたのママブログのための広告キャンペーン、あなたはキャンペーンの一部であることから多くの利益を受ける特定のスポンサーの後に行きたいかもしれません。あなたが同じことをどうやってできるかについてのいくつかの考えがあります:あなたが何を提供しなければならないかを知る。あなたができることを列挙してください。

オンラインコミュニティマネージャーとしてのあなたの役割を定義するダミー

オンラインコミュニティマネージャーとしてのあなたの役割を定義するダミー

あなたが非常に多くの異なることをするので、難しいです。一方では、お客様のために提唱しています。一方、あなたの忠誠心はあなたのブランドにあります。あなたは多くの異なる人や部門に答えて、さまざまな作業を行います。幸いなことに、オンラインコミュニティのほとんどは...

エディタの選択

従来のHTMLタグをHTML5と統合する方法 - ダミー

従来のHTMLタグをHTML5と統合する方法 - ダミー

圧倒的に新しいHTML5要素は、 HTMLの範囲と範囲つまり、古いタグ(ほとんどの場合)を置き換えません。たとえば、従来のHTMLの6つの見出しタグ、段落タグ、およびリンクは、HTML5ではすべて以前のバージョンのHTMLと同じように使用されます。 If ...

特定の機能のCSS3の検索方法 - ダミー

特定の機能のCSS3の検索方法 - ダミー

Dynamic DriveサイトのjQueryとjQuery UI CSS3で動作します。これらは、これらの2つのAPIをより効率的に使用するのに役立つ並べ替えの拡張です。 jQueryおよびjQuery UI CSSの場所は変更されません。スクリプトの中には、ダウンロードする必要のあるカスタムCSSファイルを提供するものもあります。