写経でJavaScriptを習得できる? 話題の「ぷよぷよプログラミング」に親子で挑戦してみた(3/4 ページ)

いよいよぷよを自分で動かす

 セッション1でぷよが落ちてくるようになっても、まだぷよを自分で動かすことはできない。自分でぷよを動かせるようにするのがセッション2だ。ここをクリアすると、カーソルキーの左右でぷよを動かせるようになる。なお、プレビュー画面にマウスカーソルを移動させて一度クリックしないと、プレビュー画面でのキー操作が有効にならないので注意が必要だ。

 セッション3ではぷよを回転できるようになり、セッション4では同色のぷよが4個つながるとぷよが消えるようになる。セッション4までクリアすれば、ぷよぷよのゲームは完成し、ちゃんと遊べるようになる。

もうすぐ赤ぷよが4個つながる(左)、つながった赤ぷよが消えたあとの画面(右)

 最後のセッション5では、ソースコードの中のパラメータを変更することで、ぷよぷよを自分好みにカスタマイズできる。背景の画面や色、ステージの大きさ(ステージに入るぷよの数)、ぷよの色や数、落下スピードなどを自由に変更できる。カスタマイズを通じて、ゲームではさまざまな変数が使われており、その変数を変えることで難易度が変わることが自然に理解できるだろう。

背景を緑ぷよから紫ぷよに変え(左)、今度はステージの大きさを2倍にしてみた(右)。ぷよの大きさが半分になり、横に12個、縦に24個までぷよが入るようになった

 完成したぷよぷよは、スマートフォンのデバッガーアプリ(iOS/Android)と同期させ、スマートフォンでのプレイも可能になる。

 なお筆者が試していたところ、原因がよく分からないが、途中でプログラムが正常に動作しなくなってしまったことがあった。その場合は、特に初級では思い切って最初からやり直すことをお勧めする。

photo デバッガーアプリを使うとスマートフォンでも遊べる
印刷する
SNSでシェア
SpecialPR

この記事の著者

関連記事

こんなメディアも見られています

ITmedia NEWSに関連する情報をお探しであれば、こちらのメディアもお役に立てるかもしれません。

メールマガジンを配信中
メールマガジンを配信中

国内外の業界動向、AIやクラウドなどの最新技術、キャリア情報など今知りたい情報をまとめてお届けします。

いますぐご登録

本日の新着記事

アクセスランキング

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10

ITmedia NEWS SNS

X @itmedia_newsをフォロー

インフォメーション

ITmediaNEWSをフォロー

あなたにおすすめの記事PR