フラッシュゲームの作り方

Flash は Web ブラウザ上で非常に人気のあるアニメーション形式であり、この形式のゲームは多くの Web サイトで見ることができます。モバイルアプリケーションの増加により、Flash 形式は以前ほど人気がなくなりましたが、多くの楽しいゲームでは今でも Flash 形式が使用されています。 Flash で使用される言語は ActionScript です。これを使用して画面に表示されるオブジェクトを制御することができ、習得が非常に簡単です。簡単な Flash ゲームを作成する方法については、この記事をお読みください。

パート1 パート1/3:

作り始める

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b2\/381698-1.jpg\/v4-460px-381698-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b2\/381698-1.jpg\/v4-728px-381698-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 1ゲームをデザインします。コードを書く前に、ゲームがどのようなものになるか大まかに把握しておく必要があります。 Flash は比較的シンプルなゲームの作成に適しているため、ゲームにあまり複雑なデザインを追加しないでください。まずゲームの種類を選択し、制作を始める前にいくつかの基本的なデザインを考えます。ゲーム設計フェーズについて詳しく知るには、この記事をお読みください。一般的な Flash ゲームの種類は次のとおりです。
- パルクールゲーム: ゲーム内のキャラクターは常に走っており、プレイヤーはキャラクターを操作して障害物を飛び越えたり、他の方法で障害物を回避したりする必要があります。通常、プレイヤーには 1 つまたは 2 つのコントロールオプションしかありません。
- 横スクロール格闘ゲーム: キャラクターは横方向に移動し、周囲の敵を倒すことによってのみ前進できます。このタイプのゲームでは、通常、敵を倒すためにいくつかの異なる動きがあります。
- パズルゲーム: これらのゲームでは、プレイヤーはレベルを進めるためにパズルを解く必要があります。パズルは、「Bejeweled」のようなマッチ 3 ゲームのように単純なものから、アドベンチャーゲームに見られるような複雑なものまでさまざまです。
- ロールプレイングゲーム: これらのゲームは、さまざまなシナリオでさまざまな敵に遭遇するキャラクターの開発と改善に重点を置いています。各ゲームの戦闘メカニクスはまったく同じではありませんが、ほとんどは依然としてターンベースです。ロールプレイングゲームは、アクションが 1 つだけのゲームよりもはるかに複雑です。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/88\/381698-2.jpg\/v4-460px-381698-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/88\/381698-2.jpg\/v4-728px-381698-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 2 Flash はゲームを作るのに適しています。 Flash は 2D ゲームの作成に最適ですが、3D ゲームを作成することもできます。ただし、3D ゲームを作成するには、より高度なプログラミング言語の使用と言語に対する深い理解が必要です。成功している Flash ゲームのほとんどは 2D ゲームです。
- Flash ゲームは短時間でプレイするのが最適です。これは、ほとんどの Flash ゲームプレイヤーが休憩時間などの短い空き時間にゲームをプレイするため、プレイセッションは通常 15 分以下になるからです。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/bc\/381698-3.jpg\/v4-460px-381698-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/bc\/381698-3.jpg\/v4-728px-381698-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 3AS3 言語に精通している。 Flash ゲームを作成するには AS3 言語が必要です。ゲームをうまく作成するには、その仕組みを理解する必要があります。 AS3 でのプログラミング方法をすべて理解したので、簡単なゲームを作成できます。
- Amazon やその他のストアには ActionScript 言語に関するチュートリアルがあり、インターネット上にも学習用のチュートリアルや例が多数あります。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b5\/381698-4.jpg\/v4-460px-381698-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b5\/381698-4.jpg\/v4-728px-381698-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 4 Flash Professional をダウンロードします。このソフトウェアは有料ですが、これを使用すると Flash ゲームをすぐに作成できます。同時に、多くの機能（一部のオープンソース機能を含む）も含まれていますが、これらの機能の一部は互換性が低く、非効率的なものもあります。
- ゲームを作成するために必要なソフトウェアは Flash Professional だけです。
広告する

パート2 パート2/3:

基本的なゲームの作成

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/76\/381698-5.jpg\/v4-460px-381698-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/76\/381698-5.jpg\/v4-728px-381698-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 1 AS3 コードの基本的な構成要素を理解します。ゲームを作成する際には、いくつかの異なるコード構造を使用することがあります。 AS3 コードには、主に 3 種類のコード構造があります。
- 変数 – データが保存される場所です。データには、数値、文字 (文字列)、オブジェクトなど、さまざまな種類があります。変数を定義するには var コマンドを使用します。変数名は 1 語のみにすることができます。
```
 var playerHealth :数値= 100 ;

// "var" は変数を定義することを意味します。
// "playerHealth" は変数の名前です。
// 「Number」は変数の型です。
// 「100」は変数の値です。
// すべてのコマンドは「;」で終わります。
```
- イベントハンドラー - イベントハンドラーは、特定の事象が発生したときにプログラムに何を実行するかを指示します。これは、プレーヤーがコードを入力して繰り返すときに使用する必要があるものです。イベントハンドラーは通常、関数を呼び出します。
```
 addEventListener ( MouseEvent . CLICK 、 swingSword );

// "addEventListener()" はイベント ハンドラーのタイプを定義します。
// "MouseEvent" はイベントの種類です。
// 「.CLICK」はイベント内の特定のアクションです。
// "swingSword" は、イベントが発生した後に使用する必要がある関数です。
```
- 関数 - コードの一部には、後で呼び出せるように名前としてキーワードが付けられます。ゲームの操作は機能と切り離せません。複雑なゲームでは何百もの機能が使用されることもありますが、単純なゲームでは数個の機能しか使用されないこともあります。関数は呼び出されたときにのみ機能するため、順序は重要ではありません。
```
関数swingSword ( e : MouseEvent ) : void ;
{
	//コードの場所
}

// 「function」はすべての関数の前に出現する必要があるキーワードです。
// "swingSword" は関数名です。
// "e:MouseEvent" は、このイベント ハンドラーによって関数が呼び出されることを示す追加のパラメーターです。
// ":void" は関数の戻り値です。データが返されない場合は、:void を使用します。
```
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/18\/381698-6.jpg\/v4-460px-381698-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/18\/381698-6.jpg\/v4-728px-381698-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 2オブジェクトを作成します。ゲームを作るには、プレイヤーが操作できるオブジェクトを作成する必要があります。チュートリアルによっては、「オブジェクト」は「スプライト」、「アクター」、または「ムービークリップ」と呼ばれることがあります。この簡単なゲームを作るには、長方形を作成する必要があります。
- Flash Professional を開きます。新しいプロジェクトを作成します。
- ツールバーの長方形ツールをクリックします。ツールバーの位置はソフトウェアの構成によって異なります。現在のウィンドウに四角形を描画します。
- 選択ツールを使用して、四角形を選択します。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b6\/381698-7.jpg\/v4-460px-381698-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b6\/381698-7.jpg\/v4-728px-381698-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 3オブジェクトにプロパティを割り当てます。四角形を選択した後、「デザイン」メニューを開き、「シンボルに変換」を選択します（選択後に F8 キーを押すこともできます）。「シンボルに変換」ウィンドウで、オブジェクトに「Enemy」などの名前を付けます。
- 設定ウィンドウを開きます。ウィンドウの上にマウスを置くと、「インスタンス名」という空のテキストボックスが表示されます。前の手順でオブジェクトに付けた名前 (「Enemy」) を入力します。これにより、AS3 言語を通じて対話できる「名前」が作成されます。
- 各「インスタンス」は、コードで制御できる個別のオブジェクトです。作成したインスタンスを複製するには、[ライブラリ] タブをクリックしてシーンにドラッグします。インスタンスを追加するたびに、区別するためにインスタンスの名前が変更されます (「Enemy」、「Enemy 1」、「Enemy 2」など)。
- コード内でオブジェクトを使用するには、その名前 (この場合は「enemy」) を入力するだけです。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/86\/381698-8.jpg\/v4-460px-381698-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/86\/381698-8.jpg\/v4-728px-381698-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 4インスタンスのプロパティを変更します。インスタンスを作成した後、AS3 を通じてそのプロパティを変更できます。位置を変更したり、サイズを変更したりします。プロパティを変更するには、インスタンス番号とパラメータ番号を「.」で区切って入力します。
- enemies.x = 150; 敵のx軸上の位置を変更します。
- enemies.y = 150; は、y軸上の敵の位置を変更します。 Y 軸は画面の上部から測定されます。
- enemies.rotation = 45; は敵を時計回りに 45 度回転させます。
- enemies.scaleX = 3; 敵の幅を3倍に広げます。負の数を入力すると、オブジェクトが反転します。
- enemies.scaleY = 0.5; オブジェクトの高さを半分にします。
5 trace() コマンドを使用して確認します。このコマンドはオブジェクトの現在の値を返します。これを使用して、プログラムが正しく実行されているかどうかを確認できます。このコマンドは最終的なコードでは必要ありませんが、通常はゲームのエラーをチェックするために使用されます。

6上記の情報を使用してゲームを作成します。コア機能について理解できたので、それを使用して小さなゲームを作成できます。ゲームの流れは次のようになります。敵をクリックするたびにサイズが変わり、ライフがなくなるとゲームオーバーになります。 ^{[2] X研究ソース}

var敵HP :数値= 100 ; 
// 初期体力を 100 に設定します。
var playerAttack :数値= 10 ; 
// プレイヤーの攻撃力を設定します。
 
敵.addEventListener ( MouseEvent.CLICK , attackEnemy ) ; 
// この関数をオブジェクトで使用します。オブジェクトがクリックされたときのみ有効になります。他の場所をクリックしても効果はありません。
 
敵の位置を設定します(); 
// この関数は「敵」の位置を設定でき、ゲーム開始時に有効になります。
 
関数setEnemyLocation () : void
{
 敵.x = 200 ; 
 // 「敵」を 200 ピクセル右に移動します。
 敵.y = 150 ; 
 // 「敵」を 150 ピクセル下に移動します。
 敵.回転= 45 ; 
 // 「敵」を時計回りに45度回転させる
 trace ( "敵の x 値は" ,敵. x , "敵の y 値は" ,敵. y ); 
 // デバッグの目的で現在の「敵」の位置を表示します。
}
 
関数attackEnemy ( e : MouseEvent ) : void 
// 「敵」がクリックされたときに実行される関数を作成します。
{
 敵HP =敵HP -プレイヤー攻撃; 
 // 体力から攻撃力を減算し、結果が残りの体力になります。
 敵.scaleX =敵HP / 100 ; 
 // 新しいヘルス値に応じて幅を変更します。小数に変換するには 100 で割ります。
 敵のスケールY =敵のHP / 100 ; 
 // 新しいヘルス値に応じて幅を変更します。
 
 trace ( "敵は" 、 enemyHP 、 "HPが残っている" ); 
 // 「敵」の体力値を入力します。
}

7実行します。上記のコードを完了したら、新しいゲームを試すことができます。コントロールメニューをクリックし、[ムービーのテスト] を選択すると、ゲームが開始されます。敵をクリックして、サイズが変化するかどうかを確認します。トレース関数の出力は結果ウィンドウに表示されます。広告する

パート 3パート3/3:

高度なテクニック

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/da\/381698-12.jpg\/v4-460px-381698-12.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/da\/381698-12.jpg\/v4-728px-381698-12.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 1 「パッケージ」の機能。 ActionScript は Java に基づいて設計されており、Java に似た多くのパッケージメカニズムを使用します。パッケージを使用すると、変数、定数、関数、その他の情報を個別のファイルに保存し、これらのファイルをプログラムにインポートできます。既製のパッケージを使用すると、ゲーム作成プロセスを簡素化できます。
- Java のパッケージの機能を理解するには、さらに記事を読んでください。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7c\/381698-13.jpg\/v4-460px-381698-13.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7c\/381698-13.jpg\/v4-728px-381698-13.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 2オブジェクトフォルダーを作成します。ゲームで多くの画像やエフェクトを使用する必要がある場合は、それらを保存するためのフォルダーを作成する必要があります。これは、さまざまなデータや必要なソフトウェアパッケージを保存するのに便利です。
- ルートディレクトリを作成し、そのルートディレクトリ内に、すべての画像を保存する「img」フォルダ、すべてのサウンド効果ファイルを保存する「snd」フォルダ、使用されているすべてのパッケージとコードを保存する「src」ファイルを作成します。
- 「src」フォルダ内に、ゲーム内の定数ファイルを保存するための「Game」フォルダを作成します。
- もちろん、フォルダーをこのように構造化する必要はありませんが、特にゲームで多数のオブジェクトを使用する場合は、ゲームとアセットの管理が容易になります。ゲームが上記のような単純なものである場合、このフォルダー構造は必要ありません。
3ゲームにサウンドエフェクトを追加します。効果音や音楽のないゲームはすぐに退屈になります。レイヤーツールを使用して、オブジェクトにサウンド効果を追加できます。詳細については、関連記事を参照してください。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/43\/381698-15.jpg\/v4-460px-381698-15.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/43\/381698-15.jpg\/v4-728px-381698-15.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 4定数ファイルを作成します。ゲーム内の多くの変数の値が最初から最後まで変更されない場合、定数ファイルを作成してそれらを保存し、簡単に呼び出すことができます。定数には、重力、プレイヤーの速度、または頻繁に呼び出す必要があるその他の値を含めることができます。 ^{[3] X研究ソース}
- 定数ファイルを作成する場合は、それをゲームフォルダーに配置してから、パッケージとしてインポートする必要があります。たとえば、定数ファイルを作成し、「Game」フォルダに配置します。インポートするときは、次のコマンドを使用します。
```
パッケージ
{
	Gameをインポートします。 *;
}
```
5他の人のゲームを見てください。ほとんどの開発者はゲームコードをすべて公開することはありませんが、コードの概要やオブジェクトとのやり取り方法を理解するために参照できるチュートリアルやその他のオープンソースプロジェクトは数多くあります。これは、ゲームをより良くするための多くの高度なテクニックを学ぶのに最適な方法です。広告する