プチコン講座


初心者の方へ

プチコンとは、ニンテンドーＤＳｉで動作するソフトウエアで、BASICというプログラム言語を使って自分でプログラミングをしてゲームやアプリを作ることができます。
プチコンやプログラムに関して、全く知らない初心者の方は
公式サイトのプチコン初心者講座が一番丁寧でわかりやすいです。
プチコンmkII 初心者講座

また、ここではゲームプログラムを作成するにあたっての、
基礎的な知識を、極力難しいことを考えずに伝えたいと考えております。

アクションゲームを作るまで(第１回)

ここでは、プチコンで簡単なアクションゲームを作る方法を、細かく丁寧に極力わかりやすく解説していきたいと思います。

某ネットの掲示板にて、別のプログラム言語によるゲームプログラムの作り方を解説しているスレを最近見かけました。
掲示板の読者の状況からみて、普通の人は難しすぎてついてこれていなさそうでした。
プチコンならもっと分かりやすくプログラミングについて解説できるのではないかと思ったので、アクションゲームの基本であるプレイヤーの操作を実装するところまで、某掲示板の記事っぽく解説してみたいと思います。
 青文字が前回から追加された、内容になっています。

画面の初期化

  1. ＣＬＥＡＲ：ＡＣＬＳ

まずは、ここから始まる。
このプログラムを緑の画面で入力して、黒い画面で「ＲＵＮ」と入力して「Enter」を押す。
これで、画面の表示がすべて消える。
プログラムを書くときはとりあえず書いておけ、というのは正解だが内容を知っておかないと意味がない。 CLEAR命令で現在のパラメータをすべて初期化して。
ACLSで、画面の表示をすべて消去。

キャラクタの表示

  1. ＣＬＥＡＲ：ＡＣＬＳ
  2. ＳＰＳＥＴ　０，６４，０，０，０，０

これで、画面にキャラクターが表示される。
キャラクターなどはスプライトと呼ばれ、番号を指定することでどんな絵を出すかを指定できる。
この場合、自分の識別番号が０で、表示される絵が６４番ということになる。
また、このようにプログラムは上から順番に実行される。

背景の表示

  1. ＣＬＥＡＲ：ＡＣＬＳ
  2. ＳＰＳＥＴ　０，６４，０，０，０，０
  3. ＧＣＬＳ　６
  4. ＧＦＩＬＬ　０，１６０，２５５，１９１，８

これで、水色の空と茶色の地面を表す背景と図形が表示される。
GCLS命令で、背景をすべて塗りつぶすし、GFILL命令で指定した範囲を四角で塗りつぶす。

メインループを作成

  1. ＣＬＥＡＲ：ＡＣＬＳ
  2. ＳＰＳＥＴ　０，６４，０，０，０，０
  3. ＧＣＬＳ　６
  4. ＧＦＩＬＬ　０，１６０，２５５，１９１，８
  5. ＠ＭＡＩＮ
  6. 　ＶＳＹＮＣ　１
  7. ＧＯＴＯ　＠ＭＡＩＮ

これで、プログラムが終了しなくなる。
(メインループという：ゲームプログラムの基本)
プチコンの場合はSelectボタンで終了できるので別に無限ループが危ないわけではない。
6行目のVSYNCという命令は一定時間待つことを意味する。
7行目のGOTOという命令は、指定したラベル(＠がついた文字の行)にジャンプする意味を表す。

キャラクターを任意の位置に表示

  1. ＣＬＥＡＲ：ＡＣＬＳ
  2. ＳＰＳＥＴ　０，６４，０，０，０，０
  3. Ｘ＝１２８
  4. Ｙ＝６４
  5. ＧＣＬＳ　６
  6. ＧＦＩＬＬ　０，１６０，２５５，１９１，８
  7. ＠ＭＡＩＮ
  8. 　ＳＰＯＦＳ　０，Ｘ，Ｙ
  9. 　ＶＳＹＮＣ　１
  10. ＧＯＴＯ　＠ＭＡＩＮ

これで、キャラクタを指定した座標に表示できる。
ちなみに、左上が(0,0)、右下が(255,191)となっている。
指定する値は、キャラクターの左上の座標である。

ボタンの入力を追加１(右移動)

  1. ＣＬＥＡＲ：ＡＣＬＳ
  2. ＳＰＳＥＴ　０，６４，０，０，０，０
  3. Ｘ＝１２８
  4. Ｙ＝６４
  5. ＧＣＬＳ　６
  6. ＧＦＩＬＬ　０，１６０，２５５，１９１，８
  7. ＠ＭＡＩＮ
  8. 　Ｂ＝ＢＵＴＴＯＮ（）
  9. 　ＩＦ　Ｂ　ＡＮＤ　８　ＴＨＥＮ　Ｘ＝Ｘ＋１
  10. 　ＳＰＯＦＳ　０，Ｘ，Ｙ
  11. 　ＶＳＹＮＣ　１
  12. ＧＯＴＯ　＠ＭＡＩＮ

ここから、ちょっと難しくなる。 ボタンの入力を取得する(7行目)
この場合→ボタンが押されていたら、Xを加算する。
ボタンと番号の対応状況はマニュアルを読んで理解するしかない。
これで、→ボタンが押されている時、キャラクタが右方向に動くようになる。

ボタンの入力を追加１(左移動)

  1. ＣＬＥＡＲ：ＡＣＬＳ
  2. ＳＰＳＥＴ　０，６４，０，０，０，０
  3. Ｘ＝１２８
  4. Ｙ＝６４
  5. ＧＣＬＳ　６
  6. ＧＦＩＬＬ　０，１６０，２５５，１９１，８
  7. ＠ＭＡＩＮ
  8. 　Ｂ＝ＢＵＴＴＯＮ（）
  9. 　ＩＦ　Ｂ　ＡＮＤ　４　ＴＨＥＮ　Ｘ＝Ｘ－１
  10. 　ＩＦ　Ｂ　ＡＮＤ　８　ＴＨＥＮ　Ｘ＝Ｘ＋１
  11. 　ＳＰＯＦＳ　０，Ｘ，Ｙ
  12. 　ＶＳＹＮＣ　１
  13. ＧＯＴＯ　＠ＭＡＩＮ

前回と同様の方法を、←ボタンでも出来るようにする。
これで、キャラクターの左右移動ができるようになる。

プレイヤーの移動範囲を制御

  1. ＣＬＥＡＲ：ＡＣＬＳ
  2. ＳＰＳＥＴ　０，６４，０，０，０，０
  3. Ｘ＝１２８
  4. Ｙ＝６４
  5. ＧＣＬＳ　６
  6. ＧＦＩＬＬ　０，１６０，２５５，１９１，８
  7. ＠ＭＡＩＮ
  8. 　Ｂ＝ＢＵＴＴＯＮ（）
  9. 　ＩＦ　Ｂ　ＡＮＤ　４　ＴＨＥＮ　Ｘ＝Ｘ－１
  10. 　ＩＦ　Ｂ　ＡＮＤ　８　ＴＨＥＮ　Ｘ＝Ｘ＋１
  11. 　ＩＦ　Ｘ＜０　ＴＨＥＮ　Ｘ＝０
  12. 　ＩＦ　Ｘ＞２３９　ＴＨＥＮ　Ｘ＝２３９
  13. 　ＳＰＯＦＳ　０，Ｘ，Ｙ
  14. 　ＶＳＹＮＣ　１
  15. ＧＯＴＯ　＠ＭＡＩＮ

キャラクターが画面外に移動してしまうと、ゲームが成り立たなくなってしまう。 なので、キャラクターが画面外に移動しようとしたら強制的に戻す処理を入れる。 キャラクタの左上の座標をしていする必要があり、キャラクターの大きさは16×16なので、右端は239を指定する。(239 = 255-16)
これで、キャラクターの移動範囲が画面内に限定されるようになる。

プレイヤーの落下処理を入れる

  1. ＣＬＥＡＲ：ＡＣＬＳ
  2. ＳＰＳＥＴ　０，６４，０，０，０，０
  3. Ｘ＝１２８
  4. Ｙ＝６４
  5. Ａ＝０
  6. ＧＣＬＳ　６
  7. ＧＦＩＬＬ　０，１６０，２５５，１９１，８
  8. ＠ＭＡＩＮ
  9. 　Ｂ＝ＢＵＴＴＯＮ（）
  10. 　ＩＦ　Ｂ　ＡＮＤ　４　ＴＨＥＮ　Ｘ＝Ｘ－１
  11. 　ＩＦ　Ｂ　ＡＮＤ　８　ＴＨＥＮ　Ｘ＝Ｘ＋１
  12. 　Ａ＝Ａ＋０．１
  13. 　Ｙ＝Ｙ＋Ａ
  14. 　ＩＦ　Ｘ＜０　ＴＨＥＮ　Ｘ＝０
  15. 　ＩＦ　Ｘ＞２３９　ＴＨＥＮ　Ｘ＝２３９
  16. 　ＳＰＯＦＳ　０，Ｘ，Ｙ
  17. 　ＶＳＹＮＣ　１
  18. ＧＯＴＯ　＠ＭＡＩＮ

ここはちょっと、物理の知識が必要になる。(難しくはないはず)
Ａという加速を表す変数を用意する。(加速:Acceleration)
毎回の処理で、少しずつ大きくなるようにする。(11行目)
そして、キャラクターの座標に加速を加算する。(12行目)
これで、キャラクターの自然な落下が表現できる。

プレイヤーの着地の処理を入れる

  1. ＣＬＥＡＲ：ＡＣＬＳ
  2. ＳＰＳＥＴ　０，６４，０，０，０，０
  3. Ｘ＝１２８
  4. Ｙ＝６４
  5. Ａ＝０
  6. ＧＣＬＳ　６
  7. ＧＦＩＬＬ　０，１６０，２５５，１９１，８
  8. ＠ＭＡＩＮ
  9. 　Ｂ＝ＢＵＴＴＯＮ（）
  10. 　ＩＦ　Ｂ　ＡＮＤ　４　ＴＨＥＮ　Ｘ＝Ｘ－１
  11. 　ＩＦ　Ｂ　ＡＮＤ　８　ＴＨＥＮ　Ｘ＝Ｘ＋１
  12. 　Ａ＝Ａ＋０．１
  13. 　Ｙ＝Ｙ＋Ａ
  14. 　ＩＦ　Ｙ＞１４４　ＴＨＥＮ　Ｙ＝１４４：Ａ＝０
  15. 　ＩＦ　Ｘ＜０　ＴＨＥＮ　Ｘ＝０
  16. 　ＩＦ　Ｘ＞２３９　ＴＨＥＮ　Ｘ＝２３９
  17. 　ＳＰＯＦＳ　０，Ｘ，Ｙ
  18. 　ＶＳＹＮＣ　１
  19. ＧＯＴＯ　＠ＭＡＩＮ

このままでは、どこまでも落下していってしまうので、床の座標に来たら、それ以上落ちなくする。
Ａを０にしているのは、Ａがどこまでも加算していってしまうと、数字が大きくなりすぎてエラーに成ってしまう(オーバーフロー)を防ぐため。
これで、キャラクターの着地ができる。

歩行アニメーションを設定する

  1. ＣＬＥＡＲ：ＡＣＬＳ
  2. ＳＰＳＥＴ　０，６４，０，０，０，０
  3. ＳＰＡＮＩＭ　０，４，８
  4. Ｘ＝１２８
  5. Ｙ＝６４
  6. Ａ＝０
  7. ＧＣＬＳ　６
  8. ＧＦＩＬＬ　０，１６０，２５５，１９１，８
  9. ＠ＭＡＩＮ
  10. 　Ｂ＝ＢＵＴＴＯＮ（）
  11. 　ＩＦ　Ｂ　ＡＮＤ　４　ＴＨＥＮ　Ｘ＝Ｘ－１
  12. 　ＩＦ　Ｂ　ＡＮＤ　８　ＴＨＥＮ　Ｘ＝Ｘ＋１
  13. 　Ａ＝Ａ＋０．１
  14. 　Ｙ＝Ｙ＋Ａ
  15. 　ＩＦ　Ｙ＞１４４　ＴＨＥＮ　Ｙ＝１４４：Ａ＝０
  16. 　ＩＦ　Ｘ＜０　ＴＨＥＮ　Ｘ＝０
  17. 　ＩＦ　Ｘ＞２３９　ＴＨＥＮ　Ｘ＝２３９
  18. 　ＳＰＯＦＳ　０，Ｘ，Ｙ
  19. 　ＶＳＹＮＣ　１
  20. ＧＯＴＯ　＠ＭＡＩＮ

プレイヤーの移動ができても、動いているよう見えませんね。
プチコンのスプライトはアニメーションの順番に並んでいるので、簡単にアニメーションさせることができる。 これで、プレイヤーが歩く様子が表現できる。

プレイヤーのジャンプ１(押されたらジャンプ)

  1. ＣＬＥＡＲ：ＡＣＬＳ
  2. ＳＰＳＥＴ　０，６４，０，０，０，０
  3. ＳＰＡＮＩＭ　０，４，８
  4. Ｘ＝１２８
  5. Ｙ＝６４
  6. Ａ＝０
  7. ＪＰ＝１
  8. ＧＣＬＳ　６
  9. ＧＦＩＬＬ　０，１６０，２５５，１９１，８
  10. ＠ＭＡＩＮ
  11. 　Ｂ＝ＢＵＴＴＯＮ（）
  12. 　ＩＦ　Ｂ　ＡＮＤ　４　ＴＨＥＮ　Ｘ＝Ｘ－１
  13. 　ＩＦ　Ｂ　ＡＮＤ　８　ＴＨＥＮ　Ｘ＝Ｘ＋１
  14. 　ＩＦ（（Ｂ　ＡＮＤ　１６）！＝０）ＡＮＤ（ＪＰ＝＝０）ＴＨＥＮ　ＪＰ＝１：Ａ＝－３：ＢＥＥＰ　８
  15. 　Ａ＝Ａ＋０．１
  16. 　Ｙ＝Ｙ＋Ａ
  17. 　ＩＦ（Ｙ＞１４４）ＡＮＤ（（Ｂ　ＡＮＤ　１６）＝＝０）ＴＨＥＮ　ＪＰ＝０
  18. 　ＩＦ　Ｙ＞１４４　ＴＨＥＮ　Ｙ＝１４４：Ａ＝０
  19. 　ＩＦ　Ｘ＜０　ＴＨＥＮ　Ｘ＝０
  20. 　ＩＦ　Ｘ＞２３９　ＴＨＥＮ　Ｘ＝２３９
  21. 　ＳＰＯＦＳ　０，Ｘ，Ｙ
  22. 　ＶＳＹＮＣ　１
  23. ＧＯＴＯ　＠ＭＡＩＮ

少し複雑だが、Ａボタンが押された時(B AND 16)の場合にジャンプするようにする。
ジャンプ状態を表す変数「ＪＰ」を用意し、「ジャンプ状態でなかったらジャンプできるようにしている。
ＪＰ：０＝通常，１：ジャンプ中
ジャンプ時は、加速を値をマイナスにすることで、ジャンプができるようになる。
ついでに、音も鳴らしておく。
16行目では、着地かつＡボタンが押されていない時に、次にＡボタンが押されたらジャンプできるように変数を制御している。 これで、プレイヤーがジャンプできるようになる。

プレイヤーのジャンプ１(ジャンプの高さの調整)

  1. ＣＬＥＡＲ：ＡＣＬＳ
  2. ＳＰＳＥＴ　０，６４，０，０，０，０
  3. ＳＰＡＮＩＭ　０，４，８
  4. Ｘ＝１２８
  5. Ｙ＝６４
  6. Ａ＝０
  7. ＪＰ＝１
  8. ＧＣＬＳ　６
  9. ＧＦＩＬＬ　０，１６０，２５５，１９１，８
  10. ＠ＭＡＩＮ
  11. 　Ｂ＝ＢＵＴＴＯＮ（）
  12. 　ＩＦ　Ｂ　ＡＮＤ　４　ＴＨＥＮ　Ｘ＝Ｘ－１
  13. 　ＩＦ　Ｂ　ＡＮＤ　８　ＴＨＥＮ　Ｘ＝Ｘ＋１
  14. 　ＩＦ（（Ｂ　ＡＮＤ　１６）！＝０）ＡＮＤ（ＪＰ＝＝０）ＴＨＥＮ　ＪＰ＝１：Ａ＝－３：ＢＥＥＰ　８
  15. 　ＩＦ　（（Ｂ　ＡＮＤ　１６）＝＝０）ＡＮＤ（ＪＰ＝＝１）　ＴＨＥＮ　ＪＰ＝２：Ａ＝Ａ／２
  16. 　Ａ＝Ａ＋０．１
  17. 　ＩＦ　Ａ＞０　ＴＨＥＮ　ＪＰ＝２
  18. 　Ｙ＝Ｙ＋Ａ
  19. 　ＩＦ（Ｙ＞１４４）ＡＮＤ（（Ｂ　ＡＮＤ　１６）＝＝０）ＴＨＥＮ　ＪＰ＝０
  20. 　ＩＦ　Ｙ＞１４４　ＴＨＥＮ　Ｙ＝１４４：Ａ＝０
  21. 　ＩＦ　Ｘ＜０　ＴＨＥＮ　Ｘ＝０
  22. 　ＩＦ　Ｘ＞２３９　ＴＨＥＮ　Ｘ＝２３９
  23. 　ＳＰＯＦＳ　０，Ｘ，Ｙ
  24. 　ＶＳＹＮＣ　１
  25. ＧＯＴＯ　＠ＭＡＩＮ

少し複雑だが、Ａボタンが離された時、かつ、上昇中の時に、ジャンプの加速を半分にする。
こうすることで、ジャンプボタンの押されている長さに応じた、自然なジャンプの高さ調整を実現できる。
ＪＰは、着地時０、上昇中１、落下中２　というようになる。

わかりやすくコメント(注釈)を入れる

  1. ’－－－－－－－－－－－－－－
  2. ’アクションゲームのサンプル
  3. ’　　　　　　Ｖｅｒｓｉｏｎ：０
  4. ’　　　　　ゲームナイヨウ トカ
  5. ’　　　　　２０１４／２／１２
  6. ’－－－－－－－－－－－－－－
  7. ＣＬＥＡＲ：ＡＣＬＳ
  9. ’プレイヤー
  10. ＳＰＳＥＴ　０，６４，０，０，０，０
  11. ＳＰＡＮＩＭ　０，４，８
  12. Ｘ＝１２８　　　’ザヒョウ　Ｘ
  13. Ｙ＝６４　　　　’ザヒョウ　Ｙ
  14. Ａ＝０　　　　　’カソク
  15. ＪＰ＝１　　　　’０：チャクチ
  16. 　　　　　　　　’１：ジョウショウ
  17. 　　　　　　　　’２：ラッカ
  19. ’ハイケイ
  20. ＧＣＬＳ　６
  21. ＧＦＩＬＬ　０，１６０，２５５，１９１，８
  23. ’－－－－－－－－－－－－┐
  24. ＠ＭＡＩＮ
  25. ’－－－－－－－－－－－－┘
  27. 　’ボタンソウサ
  28. 　Ｂ＝ＢＵＴＴＯＮ（）
  29. 　’ヨコイドウ（←→ボタン）
  30. 　ＩＦ　Ｂ　ＡＮＤ　４　ＴＨＥＮ　Ｘ＝Ｘ－１
  31. 　ＩＦ　Ｂ　ＡＮＤ　８　ＴＨＥＮ　Ｘ＝Ｘ＋１
  32. 　’ジャンプ（Ａボタン）
  33. 　ＩＦ（（Ｂ　ＡＮＤ　１６）！＝０）ＡＮＤ（ＪＰ＝＝０）ＴＨＥＮ　ＪＰ＝１：Ａ＝－３：ＢＥＥＰ　８
  34. 　ＩＦ　（（Ｂ　ＡＮＤ　１６）＝＝０）ＡＮＤ（ＪＰ＝＝１）　ＴＨＥＮ　ＪＰ＝２：Ａ＝Ａ／２
  36. 　’ラッカ
  37. 　Ａ＝Ａ＋０．１
  38. 　ＩＦ　Ａ＞０　ＴＨＥＮ　ＪＰ＝２
  39. 　Ｙ＝Ｙ＋Ａ
  41. 　’チャクチ
  42. 　ＩＦ（Ｙ＞１４４）ＡＮＤ（（Ｂ　ＡＮＤ　１６）＝＝０）ＴＨＥＮ　ＪＰ＝０
  43. 　ＩＦ　Ｙ＞１４４　ＴＨＥＮ　Ｙ＝１４４：Ａ＝０
  45. 　’ガメン　カラ　デナイヨウニ
  46. 　ＩＦ　Ｘ＜０　ＴＨＥＮ　Ｘ＝０
  47. 　ＩＦ　Ｘ＞２３９　ＴＨＥＮ　Ｘ＝２３９
  49. 　’プレイヤー　ヒョウジ
  50. 　ＳＰＯＦＳ　０，Ｘ，Ｙ
  51. 　ＶＳＹＮＣ　１
  52. ＧＯＴＯ　＠ＭＡＩＮ

プログラムが大きくなってくると、後で読むときに苦労する。なので、わかりやすいように空行は注釈(コメントという)を入れておくと、後で自分が見た時に読みやすいし、 自分以外の人が見た時も読みやすくなる。
コメントはなるべく英語で書くことが望ましいけど、日本人なら日本語でもＯＫである。

コメントを書くときのポイントは多すぎず少なすぎず。
プログラムに見出しとして書くか、
プログラムで書けないことを書くとわかりやすくなる。

ここまで、できればゲームプログラミングの基本は十分である。
実際にゲームを作るときは敵の表示や動き、接触時の当たり判定処理などが必要であるが、
そこから先は複雑になっていくので、次回のアクションゲームを作るまで(第２回)で解説していきたいと思う。


ゲームを作るということは簡単なことではない

このように、プログラムと言うものはこのような単純な動きだけでも、数十行の記述が必要になり、実際にゲームを作る際は更に行数を記述することになり、相当な根気が必要なものになります。
しかし、ここまで書いて動かしてみて面白いと感じたのなら、自分で試行錯誤したり、ネットや書籍を頼りに独学でプログラミングについて学んだり、してみるのもよいでしょう。

ここから先は、もうちょっと難しくなります

ここから先は本当に初心者にとって難しいものになるため、非常に解説するのも難しくなります。
実は一番プログラムの習得が早い方法が、自分よりも上の人が作ったプログラムを見ながら書き写すこと、だったりします。
なので、QRコードで読み取らずに、自分の目で見てプログラムを書き写すことが大切なのです。

実際に書き写そうとすると、どこかに誤りがあったり(自分がおっちょこちょいだからでもある)、それを動かしながら、自分の間違いを探したり、そうしている内に命令やロジックの仕組みを理解したりできるのです。
非常に時間と根気が必要です。

自分はパズルが好きなので、どうしても自分の力だけでやり遂げたくなりますが、本当の近道は他人の良いプログラム理解することです。
(プログラムに何年も触れてわかったこと)



計算しない数学、計算する数学　ホントの数学は自分の中にある　数学バトル

数学＝計算ではない！原理や構造の理解を大切にすると、数学はもっとおもしろくなる！数学は永遠性を秘めている。数学だけが人間の唯一の証ではないかという感動が湧いてくる—。



トップに戻る

inserted by FC2 system