ピカチュウGETだぜ!

            <a href="http://game.tnnsst35.me/PikachuGet/">ピカチュウGETだぜ!</a>を作りました。

作るきっかけは、ラトルズ出版の「14歳からはじめる HTML5 & JavaScriptわくわくゲームプログラミング教室 Windows／Macintosh対応 」という本を本屋で見たからです。 タイトルみたら、HTML5 & JavaScriptで何か作りたいなーと思って。 まぁ本は買ってないんだけどね。

制作時間は多分10時間くらい。 一番時間がかかったのはモンスターボールとメタチュウの素材を作るところw

つまずいたのはランキングのところ。 ランキングを保存するときに、サーバにリクエストは送れてるのに、レスポンスが返ってこない状態に。 よくよく確認したら、sendしたあとに、onreadystatechangeを登録してて、登録した関数に処理が来てなかっただけというオチ。 [javascript] var http = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP"); http.open("POST", "URL", false); http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

//間違い http.send(); http.onreadystatechange = checkResponse;

//正解 http.onreadystatechange = checkResponse; http.send(); [/javascript]

クライアントサイド : HTML5 Canvas + JavaScript サーバサイド : PHP + MongoDB

ちなみにスマホは対応してません。