2017年 7月 の投稿一覧

ラグビーボールを追いかけてPart2 後編

これはいわいる”落ちゲー” と言われている落ち物パズルの一種です。ラグビーボールやヤカンが落ちてきて私のラガー姿のアイコンが左右に動いて追いかけるものです。プログラミング入門のムック本のゲーム特集の中にあるサンプルコードのキャラクターとアイテムと背景を入れ替えただけなので、コードを叩けばサクッと動いて、すぐに遊べると思っていましたが、世の中はそれほど甘いものではありません。

なかなか思うように行かなくて連日Facebookのお友達にボヤいておりました。

ゲームの動くが止まるところやおかしいところでコンソールログを調べて行きましたがほとんどがタイプミスでした。ラガーモードアイコンが出現してマウスを動かすと消えるのはアイテム画像を呼び出すときの “item.png”の ” ” の中に余分なブランクありラグビーボール達を呼び込めずに先に進めないのが原因でした。

すんなり動いてしまうよりはジックリと JavaScript の挙動を検証することができたのでいいお勉強にはなりました。けれどもアイテムをキャッチしたときの音も出ないし、1週間近く悩みましたので不本意なのですが、大学院で画像解析の研究をしていて生意気なことに大学4年の春と秋に国家試験の基本情報と応用情報にパスしているので主要なプログラミング言語のツボをおさえている、ちょっとキモくてヘンな愚息に好物のメロンパンと辛ラーメンのカップ麺を買ってきて叩いたコードを見てもらいました。

2重チェックは重要ですよね。game() が gane() になってるところと sound が saund になっているところがすぐに見つかりました。

ラグビーボールを追いかけてpart2

早速、gengen33ドットコムのTOPページに表示されている追っかけっこの画像の下にリンクを貼り付けておきました。このゲームはマウスで動かすものなのでスマホのタップではかなり難易度が高いです。

ムック本のサンプルコードの画像を置き換えただけなので暇をみてラグビーボールをキャッチした時は “ナイスキャッチ” 300ポイント、野球のボールの時は “違うぅだろぅぅ” 100ポイントと音と得点を変えてラグビーボールが地面についたときに “ノッコン” と笛の音を入れてみようと思います。






ラグビーボールを追いかけてPart2 前編

1年前に JaveScript のお勉強の一環で私のラガーモードのアイコンがラグビーボールのアイコンを追いかけるスクリプトを作りました。壁で跳ね返るところでそのまま突き抜けてしまい跳ね返るようにするのにかなり苦戦しましたが、愚息やなかしまぁ師匠のアドバイスもありなんとか完成、 Canvas と Animation のいい実践勉強になりました。

日経ソフトウエアのムック本 “プログラミング入門” の特集記事第3部の “挫折しないプログラミングの始め方” を読んでいて掲載されているゲームが、ラガーモードアイコンが落ちてくるラグビーボールをキャッチする “ラグビーボールを追いかけてPart2” に応用できそうなので記事を読みながらサンプルコードを叩いてみました。

まずは Canvas の復習も兼ねてグランド上にラガーモードアイコンを表示させます。そして Animation の復習でラガーモードアイコンが左右に行ったり来たりする “ランパス” にしてみます。

ひとりランパス

さあ、いよいよ本番です。このスクリプトは、ゲーム全体を管理する Gameオブジェクトからキャラクターを動かす Characterオブジェクトとラグビーボール等のアイテムを出現させ頭上からランダムに落とす Itemオブジェクトを生成して操作しています。なかなかイメージを理解できないでいる “オブジェクト” のいいお勉強になりそうですわ。

ランダムに出現するアイテムをラグビーボールと野球のボールと何故か “桃” にして、10秒間動きが早くなる “スターアイテム” をラグビーのオールドファンには懐かしの “ヤカン” に置き換えてポツポツとサンプルコードを叩きます。

(後編に続く、、)