3DSで動く! 猫の手挙げゲーム

javaScriptのお勉強
Ninetendo 3DSのインターネットブラウザで遊べることを目標に
簡単なゲームを作ってみました。

 

目的

・javaScriptの勉強のつもり、
 ライブラリに頼らず、できるだけ制限のある環境で、基礎を学ぶ狙いです。
 身近にある、3DSブラウザがちょうどよさそうなので
 できるだけ軽く動作するコードを書くことを目標としました。

製作メモ

・タイマーはsetintervalよりsetTimeOutを使うと良い
 けれど、処理が重い場合は実行が後回しになるので要注意?!

・変数で、出題速度や出題数を可変できるように工夫した。
 難易度調整すれば、ステージ数をふやせそう。

・3DSでは、キー操作都度のimg srcを書き換えていると
 重くて表示が追いつかないので
 css styleで一枚絵の画像の座標を変化させて対応しました。
 そのうちスプライトの扱いなども学びたい。

・今回は使わなかったが、jQueryなどのよくあるライブラリでも大体対応できそう。


120907nekomeQRcode
http://www.mztm.jp/moriya/game/neco/

※3DSカメラのQRコード読み取りで簡単にアクセスできます。
 

操作

・スタートボタン押した後は指示に従って
 キーボードの「 ← → 」を操作してください。
・めざせ満点!

 


 
 

参考サイト
 http://www.nintendo.co.jp/3ds/hardware/features/browser.html

 http://www5b.biglobe.ne.jp/~clap/3ds/index.html

 http://d.hatena.ne.jp/take55/20100616/1276678652

 http://d.hatena.ne.jp/amachang/20060910/1157911122

 http://www.pori2.net/js/timer/2.html

 http://www.tohoho-web.com/js/array.htm

 http://w3g.jp/webstandards/hack/css_block_control