Flashゲーム作成講座

初心者からクリエイター志望まで Flashゲームの作り方 入門

ゲームの作り方を初心者にも分かりやすく説明します。ゲームクリエイターを目指す方にも役立つ情報を。

絵を入れる

今まで、ただの四角を表示して自機としていましたが、絵を入れたいと思います。
絵を入れるタイミングについての説明は以前にしているので省略します。

[ LV1 絵を入れる ]

 

 

絵を用意しよう

自機、敵、宝石、背景の4つを用意しました。

flash 自機の絵

flash 敵の絵のサンプル

flash アイテムのサンプル

flash 背景のサンプル

用意した絵の画像タイプが異なる点については
画像のタイプ ]を参照して下さい。


この4つの絵を作業中のフォルダに保存して下さい
それぞれの画像の上で右クリックしメニューを出して
「名前を付けて画像を保存」をクリックすると、保存先を決めるダイアログが開くので
任意のフォルダを指定して保存できます。

 

 

絵をライブラリに登録しよう

絵を fla ファイルのライブラリに登録します。
[ LV1 絵を入れる ]で説明した手順とは異なりますが、方法の1つとして覚えましょう。

 

先ほど保存した絵をフォルダから選択して、ライブラリの一覧表示の所へ
ドラッグ&ドロップします。

flash ライブラリに絵を登録する

 

上の画像のように登録されたファイル名が表示されます。
これで何時でも簡単に利用できます。

 

 

自機の絵を入れてみよう

現在、四角で表示されている自機に絵を入れてみましょう。
自機の絵のファイル名は、ブラウザからそのまま保存した場合 player.png になっています。

 

まず、自機のシンボル名は player です。
アイコン部分をダブルクリックして、編集モードを開きます。

flash シンボルの編集モードに変更

 

player の編集モードになると、次のように表示が変わります。

flash 編集モードの見分け方

 

 

四角を消します。四角を選択した状態で DEL キーを押して消します。

flash 絵を消す

 

 

自機の絵 player.png を編集エリアへドラッグ&ドロップします。

flash ライブラリから絵を編集エリアへ

 

 

絵を編集エリアの中心に配置します。
理由については[ 絵の中心点(基準点)について ]を参照して下さい。

整列の機能を使って絵を中心に配置します。
次の順番で作業します。
1.自機の絵を選択状態にする
2.整列アイコンをクリック
3.ステージを基準にチェックを入れる
4.縦と横の中心揃えアイコンをクリック

flash 絵の中心点を指定する

 

これで自機の絵を入れることができました。

 

 

背景を入れてみよう

背景の絵を入れてみましょう。
背景のファイル名は bg.jpg です。

 

作業を始める前に、自機の編集モードから抜けましょう。
シーン1をクリックすると、ステージ全体の編集モードへ戻ります。

flash シンボルの編集モードを抜ける

 

 

次に、背景用に用意したレイヤーをクリックします。

flash 背景を入れる

 

 

背景の絵 bg.jpg を編集エリアにドラッグ&ドロップします。

flash ステージに背景の絵を配置する

 

 

自機の時と同じように、絵を編集エリアの中心に配置します。

次の順番で作業します。
1.背景の絵を選択状態にする
2.整列アイコンをクリック
3.ステージを基準にチェックを入れる
4.縦と横の中心揃えアイコンをクリック

flash 整列機能で絵をまん中に配置する

 

これで背景の絵を入れることができました。

 

 

ムービープレビューしてみよう

それでは絵が入ったのでムービープレビューしてみましょう。
CTRL + ENTER でムービープレビューすることができます。

 

 

これでゲームらしさがアップしました。
レイヤーによる表示優先管理もしっかり出来ていますね。

 

 

次[ 敵を表示する その1 ]へ進む