プレイヤーの4方向移動を１から作ってみる

Last-modified: 2014-08-17 (日) 20:01:09

プレイヤーの移動動作をフラグを使って行います。　
初心者の方でも以下の手順通りの操作で自作移動が出来上がると思います。
変数が分からなくても組んで行く過程で少しずつ分かるようになるはずです。
画面はインディゲームクリエイター　Clickteam Fusion2.5 　の物です。　　2014/08/16

 
 

１、新規作成からスタート

arpg01.png
 
 
 

２、フレーム１をダブルクリックして、フレームエディタを表示します。

arpg02.png

　　画面はワークスペースツールバー
　　見当たらない場合、上部のメニューより　表示　⇒　ツールバー　⇒　ワークスペース　で表示できる。

 
 
 

３、フレームエディタ内でダブルクリックし、オブジェクトを新規作成します。
　　今から作成するオブジェクトは主人公として作りこんでいきます。（移動動作のみ）

arpg03.png
 
 
 

４、新規オブジェクトの作成が表示されるのでグラフィックとアニメーションをクリックして
　　表示するオブジェクトを絞り込みます。

arpg04.png
 
 
 

５、アクティブ（アクティブオブジェクト）が表示されるので、アクティブをダブルクリックします。

arpg05.png
 
 
 

６、オブジェクトを配置したい場所へカーソル移動させ、クリックして配置します。
　　マウスカーソルが ＋ に変化する。

arpg06.png

　　今回は点線内の白い領域中央あたりに配置します。
　　（後で4方向移動の確認をする時に、主人公を最初から画面中央に表示させた方が操作しやすい為）

 
 
 

７、配置したアクティブオブジェクトをクリックして選択します。

arpg07.png
 
 
 

８、選択した事でプロパティに、このオブジェクトの情報が表示されます。

arpg08.png

プロパティが見当たらない場合、上部のメニューより　表示　⇒　ツールバー　⇒　プロパティ　で表示させます。

 
 
 

９、このオブジェクトに名前を付けます。
　　アクティブという名前のままなので変更しましょう。
　　プロパティのバージョン情報をクリックします。

arpg09.png
 
 
 

１０、名前のアクティブの部分をクリックして名前を入力します。
　　　今回はプレイヤーとしました。名前は何でも良い。

arpg10.png
 
 
 

　　　これで名前が付きました。

arpg11.png
 
 
 

１１、主人公の移動動作に必要な変数を用意します。
　　　プロパティから値のアイコンをクリックします。

arpg12.png

　　　変数が苦手な方は、ここではあまり気にせず次へ進みましょう。

 
 
 

１２、新規作成ボタンをクリックして、変数を追加します。
　　　変数A、変数B、計2つ作ります。

arpg13.png

　　　このようになります。

arpg14c.png
 
 
 

１３、変数に名前を付けます。
　　　変数名をダブルクリックします。

arpg14d.png
 
 
 

　　　X座標と入力します。

arpg16.png

　　　同じ操作で変数Bの名前も変更します。
　　　変数BはY座標と入力します。

 
 
 

　　　変数に名前が付きました。名前は自由に付けられます。

arpg18.png

　　　X座標（変数）、Y座標（変数）の中身は右に映っている数字の0です。
　　　彼ら（変数）のことは一旦忘れて次に行きます。

 
 
 
 
 
 

１４、主人公の動作を作っていきます。
　　　イベントエディタのアイコンをクリックして、イベントエディタへ移動します。

arpg17.png
 
 
 

１５、新しい条件をクリックします。
　　　どんな条件でイベントが始まるのか決めます。

arpg19.png

　　　（どんな条件で）なにが始まるのかは今は考えません。

 
 
 

１６、表示された新規条件の中からストーリーボードコントロールをクリックします。

arpg23.png
 
 
 

１７、表示されたメニューからフレームが開始をクリックします。

arpg24.png
 
 
 

　　　このようになります。

arpg25.png

　　　１行目の条件にフレームが開始（された時）が作成されます。
　　　フレームが開始された時に何を実行するかは、気にせず次へ進みましょう。
　　　フレームが開始： このフレームのゲームが始まった時に１度だけ実行される条件

 
 
 

１８、最初に作成したアクティブオブジェクト（名前：プレイヤー）に
　　　フレームが開始された時に実行したい内容を指示します。
　　　画面を参考にマウスカーソルのマス目の位置で右クリックします。

arpg26.png

　　　これで、　条件：フレームが開始　→　対象：プレイヤー　という状態になります。
　　　（マス目のイメージ：条件と上のアイコンが交差したマス目を右クリックして内容を書く）

 
 
 

１９、表示されたメニューから、変数をクリックします。

arpg27.png
 
 
 

２０、更に表示されたメニューから、変更をクリックします。

arpg28.png
 
 
 

２１、数式エディタが表示されます。

arpg29.png
 
 
 

２２、値を選択の所が先ほど作成した変数のX座標（１番目の変数）になっている事を確認します。

arpg30.png
 
 
 

２３、プレイヤーをクリックします。

arpg31.png
 
 
 

２４、表示されたメニューから、位置をクリックします。

arpg32.png
 
 
 

２５、更に表示されたメニューから、X座標をクリックします。

arpg33.png
 
 
 

　　　このようになります。

arpg34.png

　　　これは先ほど作成したアクティブオブジェクト（名前：プレイヤー）のX座標（横の位置）の情報の事です。

 
 
 

　　　今の状態、実行内容のイメージ

arpg35.png
 
 
 

２６、実行内容が完成したのでOKをクリックします。

arpg36.png
 
 
 

　　　これで１つ条件が出来上がりました。
　　　今の状態、実行内容のイメージ　　

arpg37b.png

　　　変数にプレイヤーの現在の位置が入ります。

 
 
 

　　　このままでは横方向しか制御できないので、同じ操作でY座標にもプレイヤーの位置を入れます。

 
 
 

２８、先ほどイベントを書いたマス（レ点入りのマス）で右クリックします。

arpg38.png

　　　カーソルを合わせると、先ほど書き込んだイベントが表示される。

 
 
 

２９、表示されたメニューから、変数をクリックします。

arpg27.png
 
 
 

３０、更に表示されたメニューから、変更をクリックします。

arpg28.png
 
 
 

３１、値がX座標になっているので、クリックしてY座標に変更します。

arpg39.png
 
arpg40.png
 
 
 

３２、プレイヤーをクリックします。

arpg31.png
 
 
 

３３、表示されたメニューから、位置をクリックします。

arpg41.png
 
 
 

３４、更に表示されたメニューから、Y座標をクリックします。

arpg42.png
 
 
 

　　　このようになります。

arpg43.png
 
 
 

　　　OKを押して決定します。

arpg36.png
 
 
 

　　　変数Y座標にもプレイヤーの現在の位置が入りました。

arpg44.png
 
 
 
 
 

３５、変数の中身を確認してみましょう。
　　　フレームエディタアイコンをクリックしてフレームエディタを表示します。

arpg45.png
 
 
 

３６、プレイヤーをクリックします。

arpg07.png
 
 
 

３７、プロパティから、サイズ／位置をクリックします。

arpg46.png
 
 
 

３８、現在のアクティブオブジェクト（名前：プレイヤー）の位置が表示されます。
　　　オブジェクトを配置した位置なので、ここの画像の数値とは異なります。

arpg47.png
 
 
 

３９、試しにアクティブオブジェクトをドラッグ移動させてみる。

arpg48.png
 
 
 

４０、再びプロパティの位置を確認します。

arpg49.png

　　　ドラッグ移動した座標に変わりました。
　　　フレームが開始した時に、この数字が変数へ代入されます。

 
 
 

４１、カウンターを用意して、変数の中身を確認してみる。
　　　アクティブオブジェクト（名前：プレイヤー）に作成した変数、
　　　X座標、Y座標の中身がゲームを開始した時どのようになっているか見る。
　　　フレームエディタ内でダブルクリックします。

arpg03.png
 
 
 

４２、データをクリックして、表示するオブジェクトを絞り込みます。

arpg50.png
 
 
 

４３、カウンターをダブルクリックします。

arpg51.png
 
 
 

４４、フレームエディタの白い領域内の右上あたりにクリックして配置します。

arpg52.png
 
 
 

４５、カウンターを右クリックします。

arpg53.png
 
 
 

４６、表示されたメニューから、オブジェクトをクローンをクリックします。

arpg54.png
 
 
 

４７、行が2、列が1になっている事を確認してOKを押します。

arpg55.png
 
 
 

４８、オブジェクトのクローンが出来上がりました。
　　　複製とは異なり、クローンで増やしたカウンターはそれぞれが独立した動作をします。

arpg56.png
 
 
 

４９、イベントエディタを開き、カウンターの動作を作ります。

arpg17.png
 
 
 

５０、新しい条件をクリックします。

arpg57.png
 
 
 

５１、新規条件から、特別をクリックします。

arpg20.png
 
 
 

５２、表示されたメニューから、常に実行をクリックします。

arpg21.png
 
 
 

　　　このようになります。

arpg58.png
 
 
 

５３、常に実行とカウンターが交差するマスを右クリックして、カウンターの動作を設定します。

arpg59.png
 
 
 

５４、表示されたメニューから、カウンターをセットをクリックします。

arpg60.png
 
 
 

５５、カウンターをセットの画面が表示されます。

arpg61.png
 
 
 

５６、プレイヤーをクリックします。

arpg62.png
 
 
 

５７、表示されたメニューから、値をクリックします。

arpg63.png
 
 
 

５８、更に表示されたメニューから、値AからMをクリックします。

arpg64.png
 
 
 

５９、更に表示されたメニューから、X座標を読み出しをクリックします。

arpg65.png
 
 
 

　　　このようになります。

arpg66.png
 
 
 

　　　OKを押して決定します。

arpg36.png
 
 
 

６０、カウンター2の動作も設定します。
　　　カウンター2のマスを右クリックします。

arpg67.png
 
 
 

６１、表示されたメニューから、カウンターをセットをクリックします。

arpg60.png
 
 
 

６２、カウンターをセットの画面が表示されます。

arpg61.png
 
 
 

６３、プレイヤーをクリックします。

arpg62.png
 
 
 

６４、表示されたメニューから、値をクリックします。

arpg63.png
 
 
 

６５、更に表示されたメニューから、値AからMをクリックします。

arpg64.png
 
 
 

６６、更に表示されたメニューから、Y座標を読み出しをクリックします。

arpg68.png
 
 
 

　　　このようになります。

arpg69.png
 
 
 

　　　OKを押して決定します。

arpg36.png

　　　これで、カウンターが変数の中身を常に表示する状態になりました。

 
 
 

６７、動作を確認してみましょう。
　　　アプリケーションを実行をクリックします。

arpg70.png
 
 
 

　　　上のカウンターは変数X座標、下のカウンターは変数Y座標の中身が表示されます。

arpg71.png
 
 
 

　　　このままでは良くわかりません、閉じるボタンをクリックします。

arpg72.png
 
 
 

６８、フレームエディタへ移動します。

arpg45.png
 
 
 

　　　２つのカウンターの位置が近すぎるので、マウスでドラッグして少し離します。

arpg56.png
 
arpg73.png
 
 
 

　　　ドラッグ移動が上手く出来ない場合、グリッドにスナップのON／OFFや、
　　　グリッドの設定を調整して下さい。

arpg74.png
 
arpg75.png
 
 

　　　また、オブジェクトをクリックして選択状態にした時に、
　　　キーボードの矢印キーを押すと位置の微調整も行えます。

arpg76.png
 
 
 

７０、カウンターの位置が決まったら、プレイヤーをドラッグ移動させ、
　　　プロパティでプレイヤーの現時の位置を確認します。

arpg77.png
 
 

　　　プロパティにプレイヤーの現在の位置が表示される。

arpg78.png
 
 
 

７１、ゲームを実行して、プレイヤーの現在の位置と、
　　　カウンターに表示される変数の中身が同じか確認してみます。

arpg70.png
 
 
 

　　　実行するとカウンターも現在の位置を表示するはずです。

arpg79.png

　　　これで、フレームを開始した時に１度だけプレイヤーの現在位置(X、Y)を
　　　変数へ代入するとういイベントの動作が確認できました。

 
 
 
 
 
 

７２、次のイベントを書く前に新しいオブジェクトを作成します。
　　　フレームエディタをダブルクリックします。

arpg03.png
 
 
 

７３、新規オブジェクトの作成が表示されるので[グラフィックとアニメーション]を選び、
　　　表示するオブジェクトを絞り込みます。

arpg04.png
 
 
 

７４、アクティブオブジェクトをダブルクリックします。

arpg05.png
 
 
 

７５、今度は配置する場所を変えます。
　　　左側の灰色の領域に配置します。

arpg80.png
 
 
 

７６、アクティブをダブルクリックします。

arpg81.png
 
 
 

７７、ピクチャエディタが表示されます。

arpg82.png
 
 
 

７８、フレームに表示されているアクティブオブジェクトの絵をクリックします。

arpg83.png
 
 
 

　　　選択状態になります。

arpg84.png
 
 
 

　　　そのままキーボードのDeleteキーを押すか、左上の赤いバツマークを押して、
　　　フレームを削除します。

arpg85.png

　　　このフレームを削除しますか？　と聞かれるのでOKを押します。

 
 
 

７９、色を選びます。黒にします。

arpg86.png
 
 
 

８０、線ツールをクリックします。

arpg87.png
 
 
 

８１、線のサイズを変更しましょう。

arpg88.png
 
 
 

　　　10にします。

arpg89.png
 
 
 

８２、ゲームパッドの十字キーを描きます。
　　　画像を参考に思い切って縦横の中央からドラッグして十字キーを描いてみましょう。
　　　ゲームに映らないので、大体で大丈夫です。

arpg90.png
 
arpg91.png
 

　　　多分こうなります。

arpg92.png
 

　　　OKを押して編集を決定します。

arpg93.png
 
 
 

８３、この十字キーにも名前を付けます。

arpg94.png
 
 
 

　　　名前は方向制御とします。

arpg95.png
 
 
 

８４、変数も作成します。

arpg96.png
 
 
 

　　　4つ作ります。

arpg97.png
 
 
 

　　　名前と、変数の初期値を以下のように設定します。

arpg98.png
 

　　　このオブジェクトはプレイヤーを遠隔操作する為に使用します。
　　　イベントシーンなどでプレイヤーをオートで移動させる時に役立ちます。
　　　また、ここでは触れませんが後にキーコンフィグ仕様へ対応する事も出来ます。

 
 
 
 
 
 

８５、次はプレイヤー座標の更新動作を作ります。
　　　イベントエディタを開きます。

arpg17.png
 
 
 

８６、3行目の新しい条件をクリックします。

arpg99.png
 
 
 

８７、新規条件から、特別をクリックします。

arpg20.png
 
 
 

８８、表示されたメニューから、常に実行をクリックします。

arpg21.png
 

　　　このようになります。

arpg100.png

　　　常に実行の１つ目はカウンター表示用に（デバッグ用）、
　　　今作成した常に実行はプレイヤーの動作用にしたかったので行を分けました。

 
 
 

８９、３行目の常に実行とプレイヤーが交差するマスを右クリックします。

arpg101.png
 
 
 

９０、表示されたメニューから、位置をクリックします。

arpg41.png
 
 
 

９１、更に表示されたメニューから、X座標を変更をクリックします。

arpg102.png
 
 
 

９２、数式エディタが表示されます。

arpg103.png
 
 
 

９３、プレイヤーをクリックします。

arpg62.png
 
 
 

９４、表示されたメニューから、値をクリックします。

arpg63.png
 
 
 

９５、更に表示されたメニューから、値AからMをクリックします。

arpg64.png
 
 
 

９６、更に表示されたメニューから、X座標を読み出しをクリックします。

arpg65.png
 
 
 

９７、このようになります。

arpg66.png
 
 
 

９８、OKを押して決定します。

arpg36.png
 
 
 

　　　３行目のイベントはこのようになります。

arpg104b.png
 

　　　内容が分からなかった方は、下の画像の黒い太文字を読んだ後、
　　　上の画像と見比べると少し把握できるかもしれません。

arpg105b.png
 

　　　プレイヤーの位置が変数の中身に常に変更されます。

 

　　　プレイヤーの位置は変数の中身次第となります。

 

　　　ゲームを実行しても[X座標（変数の中身）]は最初に入った数字から
　　　変化させるイベントを組んでいないので、プレイヤーは動きません。

 

　　　変数の中身が100だったとして、ゲームが実行中に変数の中身へ+1を入れると、
　　　常に変更する→プレイヤーの位置　とイベントを組んだので100の座標から101の座標へ
　　　プレイヤーキャラクタが移動します。

 

　　　３行目のイベントは位置の更新だけの処理をしています。

 
 
 
 
 
 

９９、次のイベントを組みます。
　　　　このままではX方向しか位置が更新されないので、Y座標も更新するイベントを組みます。
　　　　３行目とプレイヤーが交差するマスを右クリックしてイベントを追加します。

arpg106.png
 
 
 

１００、表示されたメニューから位置をクリックします。

arpg41.png
 
 
 

１０１、更に表示されたメニューから、Y座標を変更をクリックします。

arpg107.png
 
 
 

１０２、数式エディタが表示されます。

arpg108.png
 
 
 

１０３、プレイヤーをクリックします。

arpg62.png
 
 
 

１０４、表示されたメニューから、値をクリックします。

arpg63.png
 
 
 

１０５、更に表示されたメニューから、値AからMをクリックします。

arpg64.png
 
 
 

１０６、更に表示されたメニューから、Y座標を読み出しをクリックします。

arpg68.png
 
 
 

１０７、このようになります。

arpg69.png
 
 
 

１０８、OKを押して決定します。

arpg36.png
 
 
 

　　　　プレイヤーの座標を更新し続けるイベントが完成しました。

 
 
 
 

１０９、プレイヤーに新しい変数を作成します。
　　　　イベントエディタ上のプレイヤーを右クリックします。

arpg168.png
 

　　　　クリックしてしまった場合、
　　　　もう一度プレイヤーをクリックすると元の状態に戻ります。

arpg171.png

　　　　アイコンをクリックすると灰色になり、
　　　　クリックしたオブジェクト以外のイベントを非表示にできます。

 
 
 

１１０、表示されたメニューから、プロパティを表示をクリックします。

arpg169.png
 
 
 

１１１、プレイヤーの内容がプロパティに表示されるので、
　　　　値から新規作成をクリックして変数を追加します。

arpg163.png
 

　　　　変数Cが追加されました。

arpg162.png
 
 
 

１１２、変数Cをダブルクリックして、名前を付けます。

arpg164.png
 
 
 

１１３、名前の編集が表示されるので、移動速度と入力します。

arpg165.png
 
arpg166.png
 

　　　　変数の名前が変更されました。

arpg167.png
 
 

１１４、移動速度の右側の0をクリックして、変数の初期値を設定します。

arpg173.png
 

　　　　100と入力します。

arpg172.png

　　　変数 移動速度の準備が整いました。

 
 
 
 
 

１１５、次はプレイヤーを移動させるイベントを作ります。
　　　　下の画像のマウスカーソル位置を参考に、４行目の行番号の位置で右クリックします。

arpg109.png
 
 
 

１１６、表示されたメニューから、挿入をクリックします。

arpg110.png
 
 
 

１１７、更に表示されたメニューから、イベントグループをクリックします。

arpg112.png
 
 
 

１１８、イベントグループのタイトルを入力します。

arpg113.png
 
 
 

１１９、移動　上 と入力します。タイトル（名前）は自由に付けられます。

arpg114.png
 
 

　　　　このようになります。

arpg115.png

　　　　4行目にイベントグループ 移動　上が作成されました。

 
 
 
 

１２０、５行目の新しい条件をクリックして、イベントグループの中にイベントを設定していきます。

arpg116.png
 
 
 

１２１、新規条件から、プレイヤー1（ジョイスティックのアイコン）をクリックします。

arpg117.png
 
 
 

１２２、表示されたメニューから、ジョイスティックをクリックします。

arpg118.png
 
 
 

１２３、更に表示されたメニューから、ボタンや方向キーを押した時をクリックします。

arpg119.png
 
 
 

１２４、ジョイスティックが以下の画像の状態である事を確認してOKをクリックします。

arpg120.png
 
 

　　　　5行目に上を押した時、が追加されました。

arpg205.png
 
 
 

１２５、5行目と方向制御が交差するマスを右クリックします。
　　　　このマスには計４つ、イベントを作成していきます。

arpg121.png
 
 
 

１２６、表示されたメニューから、フラグをクリックします。

arpg122.png
 
 
 

１２７、更に表示されたメニューから、有効に設定をクリックします。

arpg123.png
 
 
 

１２８、数式エディタが表示されます。

arpg157.png
 
 
 

１２９、方向制御をクリックします。

arpg124.png
 
 
 

１３０、表示されたメニューから、値をクリックします。

arpg63.png
 
 
 

１３１、更に表示されたメニューから、値AからMをクリックします。

arpg64.png
 
 
 

１３２、更に表示されたメニューから、上を読み出しをクリックします。

arpg125.png
 
 

　　　　このようになります。

arpg126.png
 
 

　　　　OKを押して決定します。

arpg36.png
 
 
 
 
 

１３３、同じマスへ更にイベントを追加します。
　　　　5行目と方向制御が交差するマスを右クリックします。

arpg127.png
 
 
 

１３４、表示されたメニューから、フラグをクリックします。

arpg128.png
 
 
 

１３５、更に表示されたメニューから、無効に設定をクリックします。

arpg129.png
 
 
 

１３６、数式エディタが表示されます。

arpg157.png
 
 
 

１３７、方向制御をクリックします。

arpg124.png
 
 
 

１３８、表示されたメニューから、値をクリックします。

arpg63.png
 
 
 

１３９、更に表示されたメニューから、値AからMをクリックします。

arpg64.png
 
 
 

１４０、更に表示されたメニューから、下を読み出しをクリックします。

arpg130.png
 
 

　　　　このようになります。

arpg133.png
 
 

　　　　OKを押して決定します。

arpg36.png
 
 
 
 
 

１４１、同じマスをクリックして、更にイベントを追加します。

arpg134.png
 
 
 

１４２、表示されたメニューから、フラグをクリックします。

arpg128.png
 
 
 

１４３、更に表示されたメニューから、無効に設定をクリックします。

arpg129.png
 
 
 

１４４、数式エディタが表示されます。

arpg157.png
 
 
 

１４５、方向制御をクリックします。

arpg124.png
 
 
 

１４６、表示されたメニューから、値をクリックします。

arpg63.png
 
 
 

１４７、更に表示されたメニューから、値AからMをクリックします。

arpg64.png
 
 
 

１４８、更に表示されたメニューから、左を読み出しをクリックします。

arpg131.png
 
 

　　　　このようになります。

arpg135.png
 
 

　　　　OKを押して決定します。

arpg36.png
 
 
 
 
 

１４９、同じマスをクリックして、更にイベントを追加します。

arpg136.png
 
 
 

１５０、表示されたメニューから、フラグをクリックします。

arpg128.png
 
 
 

１５１、更に表示されたメニューから、無効に設定をクリックします。

arpg129.png
 
 
 

１５２、数式エディタが表示されます。

arpg157.png
 
 
 

１５３、方向制御をクリックします。

arpg124.png
 
 
 

１５４、表示されたメニューから、値をクリックします。

arpg63.png
 
 
 

１５５、更に表示されたメニューから、値AからMをクリックします。

arpg64.png
 
 
 

１５６、更に表示されたメニューから、右を読み出しをクリックします。

arpg132.png
 
 

　　　　このようになります。

arpg137.png
 
 

　　　　OKを押して決定します。

arpg36.png
 
 
 
 

　　　　これで上ボタンを押した時に、内部フラグ上がONになり、
　　　　他の３方向は内部フラグがOFFになるイベントが出来ました。　　　　

arpg138.png
 

　　　　内部フラグはオブジェクトごとに0～31まで有り、各番号に対して有効無効を決められます。
　　　　今回は方向制御（十字キーの絵）のオブジェクトに変数を持たせ、
　　　　中身に0,1,2,3と予め入れておいたので、変数の中身でフラグ番号を指定しています。

arpg206.png
 

　　　　フラグ番号の指定とフラグの操作内容は、
　　　　内部フラグ　方向制御（十字キーの絵）のオブジェクトの変数（上）　番を　有効に設定
　　　　となります。
　　　　変数（上）の中身は数字の0なのでフラグ0番を指定しています。

 

　　　　この方法はwikiでも紹介されている内部フラグに無理矢理名前を付ける方法です。
　　　　イベントが見やすくなり管理がとても楽になります。

 
 
 
 

１５７、今度は方向キーが押されていない時に内部フラグをOFFにするイベントを組みます。
　　　　6行目の新しい条件をクリックします。

arpg139.png
 
 
 

１５８、新規条件から、プレイヤー1（ジョイスティックのアイコン）をクリックします。

arpg117.png
 
 
 

１５９、表示されたメニューからジョイスティックをクリックします。

arpg118.png
 
 
 

１６０、更に表示されたメニューから、ボタンや方向キーを押している間繰り返すをクリックします。

arpg140.png
 
 
 

１６１、ジョイスティックが以下の画像の状態である事を確認してOKをクリックします。

arpg120.png
 
 

　　　　このようになります。

arpg141.png
 
 
 
 

１６２、6行目を右クリックします。

arpg142.png
 
 
 

１６３、表示されたメニューから、条件を反転をクリックします。

arpg143.png
 
 

　　　　このようになります。

arpg144.png

　　　　頭にバツが付く事で、押されていない時、という条件になりました。

 
 
 
 

１６４、6行目を右クリックします。

arpg146.png
 
 
 

１６５、表示されたメニューから、挿入をクリックします。

arpg147.png
 
 
 

１６６、新規条件から、特別をクリックします。

arpg20.png
 
 
 

１６７、表示されたメニューから、条件を制限をクリックします。

arpg148.png
 
 
 

１６８、更に表示されたメニューから、イベント連続時にアクションを1回のみ実行をクリックします。

arpg149.png
 
 

　　　　このようになります。

arpg150.png

　　　　繰り返し実行されるのを防ぎます。

 
 
 
 

１６８、6行目と方向制御の交差するマスを右クリックします。

arpg145.png
 
 
 

１６９、表示されたメニューから、フラグをクリックします。

arpg128.png
 
 
 

１７０、更に表示されたメニューから、無効に設定をクリックします。

arpg129.png
 
 
 

１７１、数式エディタが表示されます。

arpg157.png
 
 
 

１７２、方向制御をクリックします。

arpg124png
 
 
 

１７３、表示されたメニューから、値をクリックします。

arpg63.png
 
 
 

１７４、更に表示されたメニューから、値AからMをクリックします。

arpg64.png
 
 
 

１７５、更に表示されたメニューから、上を読み出しをクリックします。

arpg125.png
 
 

　　　　このようになります。

arpg126.png
 
 

　　　　OKを押して決定します。

arpg36.png
 
 
 
 

１７６、これで、上を押していない時、内部フラグ上(0番)をOFF(無効)にするイベントが出来ました。

arpg151.png
 
 
 
 
 

１７７、次は座標を操作するイベントを作ります。
　　　　7行目の新しい条件をクリックします。

arpg152.png
 
 
 

１７８、新規条件から、方向制御をクリックします。

arpg153.png
 
 
 

１７９、表示されたメニューから、変数をクリックします。

arpg154.png
 
 
 

１８０、更に表示されたメニューから、フラグをクリックします。

arpg155.png
 
 
 

１８１、更に表示されたメニューから、フラグが有効をクリックします。

arpg156.png
 
 

　　　　数式エディタが表示されます。
　　　　フラグの番号を変数で指定していきます。

arpg157.png
 
 
 
 

１８２、方向制御をクリックします。

arpg124.png
 
 
 

１８３、表示されたメニューから、値をクリックします。

arpg63.png
 
 
 

１８４、更に表示されたメニューから値AからMをクリックします。

arpg64.png
 
 
 

１８５、更に表示されたメニューから、上を読み出しをクリックします。

arpg125.png
 
 

　　　　このようになります。

arpg126.png
 
 

　　　　OKを押して決定します。

arpg36.png
 
 
 
 

１８６、これで7行目に、もしフラグ上(0番)がONになった時、という条件が出来ました。

arpg158.png
 
 
 

１８７、7行目とプレイヤーが交差するマスを右クリックして、実行内容を作ります。

arpg159.png
 
 
 

１８８、表示されたメニューから、変数をクリックします。

arpg160.png
 
 
 

１８９、更に表示されたメニューから、変更をクリックします。

arpg174.png
 
 

　　　　数式エディタが表示されます。

arpg175.png
 
 
 

１９０、値を選択のX座標をクリックしてます。

arpg176.png
 
 
 

１９１、Y座標をクリックして、変更の対象となる変数を切り替えます。

arpg177.png
 
 

　　　　このようになります。

arpg178.png
 
 
 

１９２、Y座標(変数)に対して、変更を加えて行きます。
　　　　プレイヤーをクリックします。

arpg179.png
 
 
 

１９３、表示されたメニューから、値をクリックします。

arpg63.png
 
 
 

１９４、更に表示されたメニューから、値AからMをクリックします。

arpg64.png
 
 
 

１９５、更に表示されたメニューから、Y座標を読み出しをクリックします。

arpg180.png
 
 

　　　　このようになります。

arpg181.png
 
 
 

１９６、マイナスをクリックします。

arpg182.png
 
 

　　　　このようになります。

arpg183.png
 

　　　　構文エラーは無視しましょう。

arpg184.png
 
 
 

１９７、カッコをクリックします。（始まりカッコ）

arpg186.png
 
 

　　　　このようになります。

arpg189.png
 

　　　　カッコ閉じがありませんはそのまま気にしないで次に行きます。

arpg190.png
 
 
 

１９８、この状態でプレイヤーをクリックします。

arpg179.png
 
 
 

１９９、表示されたメニューから、値をクリックします。

arpg63.png
 
 
 

２００、更に表示されたメニューから、値AからMをクリックします。

arpg64.png
 
 
 

２０１、更に表示されたメニューから、移動速度を読み出しをクリックします。

arpg191.png
 
 

　　　　このようになります。

arpg192.png
 
 
 

２０２、*をクリックします。* は かける（×）です。

arpg188.png
 
 

　　　　このようになります。

arpg193.png
 
 
 

２０３、数字や点、カッコをクリックしていき、0.01)を入力します。
　　　　キーボードでも入力可能。

arpg198.png
 
 

　　　　多分このようになります。

arpg197.png
 
 

　　　　OKを押して決定します。

arpg36.png
 

　　　　7行目のイベント入力が完了しました。
　　　　この状態でゲームを実行すると、キーボードの上矢印キーを押した時に
　　　　プレイヤーが上に（だけ）移動します。

 
 

　　　　7行目のイベントの内容を確認していきます。

 
arpg199.png
 

　　　　移動速度を少数点化(100分の1)した値にして、Y座標(変数)から引き、同じY座標の変数へ代入しています。
　　　　変数の初期値に不動少数（少数点の数字）が設定できないので、（仕様）
　　　　数式エディタ上で少数点化させた数字を扱っています。
　　　　少数点の数字は、数式エディタ上で扱う事で変数に代入する事が出来ます。

 
 
 

　　　　イベントの内容が分からなかった場合は、以下の内容を順に見て行くと何かつかめるかもしれません。

 
arpg199.png
 

　　　　移動速度だけを見ていきます。

 
arpg200.png
 

　　　　移動速度はオブジェクト：プレイヤーに作成した変数です。
　　　　下の図にプロパティ画面を持ってきました。移動速度の中身は今100です。

 
arpg201.png
 

　　　　このようになります。

 
arpg202.png
 

　　　　移動速度　×　0.01
　　　　移動速度の中身は100なので、計算結果は1になります。

 
 
 

　　　　その結果をY座標(変数)から引きます。

 
arpg203.png
 

　　　　Y座標(変数)にはフレームが開始された時に、1度だけ自分の今の位置が入るようになっています。
　　　　（1行目の処理内容）
　　　　自分の今の位置から1を引くとなります。

 
 
 

　　　　引いた結果を、変数Y座標（自分の今の位置）へ入れます。

 
arpg204.png
 

　　　　変数Y座標は最初のプレイヤーの位置が入っていますが、
　　　　変数Y座標はこの処理で、自分の今いた位置から-1された数字に置き換わります。

 
 

　　　　プレイヤーの位置が変数の中身に常に変更されるという3行目のイベントがあるので、
　　　　プレイヤーが上に移動する事になります。（座標が-1された為）
　　　　

 

　　　　移動速度の数字を100より更に大きくして行くと、プレイヤーの移動速度が速くなります。
　　　　100以下にした場合は、ゆくっり移動させる事が出来ます。

 
 
 
 
 
 

　　　　後は同じように下、左、右のイベントを作成して行くのですが、
　　　　上方向の解説だけで８８項目（項目１１５～２０３）
　　　　流石にページが下に伸びすぎる事になるので、サンプルを用意しました。

 

２０４、さまざまな方向入力に対応させる。
　　　　上キーと左キーに絞って入力と動作を見ていくと、
　　　　上を押したまま左を押すと左に動きますが、
　　　　上を押したまま左を放した時は止まってしまいます。

arpg207.png

　　　　今度はこの時に止まらず、上に移動させる動作を作ります。
　　　　wikiの行数オーバーの為、別のページに記載します。