ビデオ: .NET Core と C# でカンタンなおみくじコンソールアプリを作る 2025
HTML5ゲームでオブジェクトを何度も再利用し、ほぼ同じ状態を維持することがあります。したがって、簡単に再利用できるようにライブラリに入れておくことは理にかなっています。それはまさにあなたがやろうとしていることです。 frogLibを見てみましょう。 js：
// frogLib。 js //カエルゲーム関数のオブジェクトFly（）{tFly =新しいスプライト（シーン、 "fly.png"、20、20）; tFly。 setSpeed（10）; tFly。 wriggle = function（）{//ランダムな量だけ方向を変更するnewDir =（数式random（）* 90） - 45;この。 （）;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;のカエルは、カエルを飼育している動物を飼育します。 tFrog。 maxSpeed = 10; tFrog。 minSpeed = -3; tFrog。 setSpeed（0）; tFrog。 setAngle（0）; tFrog。 checkKeys = function（）{if（keysDown [K_LEFT]）{これです。 changeAngleBy（-5）;} if if（keysDown [K_RIGHT]）{this。 changeAngleBy（5）;} if if（keysDown [K_UP]）{this。 changeSpeedBy（1）; （これはスピード> this。maxSpeed）{this。 } // end if} if if（keysDown [K_DOWN]）{this。 changeSpeedBy（-1）;もし（これはスピード
これは興味深いドキュメントです。それは2つのクラス定義だけを含んでいます。他のいくつかのプログラムがこれら2つのクラスを使用するために使用されます。
<！ - 1 - >
ライブラリを使用するのは簡単です。ここにfrogFlyがあります。この2つの要素を1つのゲームにまとめたHTMLファイル：
frogFly。 html src = "frogLib。js"> var scene; var frog; var fly; var葉;関数init（）{シーン=新しいシーン（）;シーン。 setBG（ "green"）;カエル=新しいカエル（）;フライ=新しいフライ（）; leaves =新しいスプライト（シーン、 "leaves。png"、640、480）;葉。 setSpeed（0）;シーン。 start（）;} //終了するinit関数update（）{シーン。 clear（）;カエル。 checkKeys（）;飛ぶ。 wriggle（）;葉。更新（）;カエル。更新（）;飛ぶ。 update（）;} // end update（）;
このプログラムはそれほど新しいことを紹介していません。次の手順に従って、ライブラリに定義されている要素を実装するだけです。
<！ - 2 - >
-
フロッグをインポートします。 jsライブラリ。
frogLibファイルは単なるJavaScriptファイルです。あなたはsimpleGameをインポートするのと同じ方法でそれをインポートします。 jsファイルに別のタグが付いています。
-
スプライトを作成します。
葉スプライトは単なるスプライトです。他のファイルで定義されていても、カエルを作って前と同じように作ってください。 （カエルやハエが作成されない場合は、ライブラリを正しくインポートしてください。）
<！ - 3 - >
-
変更を管理します。
update（）関数は、ゲームのコントロールに責任を持ちます。これは、さまざまなスプライトのすべての動作を管理する場所です。カエルにキーストロークを（カエルのcheckKeys（）メソッドで）探すように指示し、フライにwriggle（fly、wriggle（）メソッド）を指示します。
-
スプライトを描画します。
スプライトが変更された原因をすべて処理したら、スプライトを画面に描画します。各スプライトを描画するには、そのupdate（）メソッドを呼び出します。スプライトは順番に描画されるので、背景に表示したいアイテムは、前に表示されるアイテムの前に描画する必要があります。 （カエルは背景の上に表示されるので、カエルは各画面の背景が更新された後に描画されます）。
