日本人ならできてあたりまえ!?地図から都道府県を選択するゲーム「都道府県ますたー」を作りました! | Select *
Web Web制作

日本人ならできてあたりまえ!?地図から都道府県を選択するゲーム「都道府県ますたー」を作りました!

todohuken-masterオハヨウゴザイマス!
最近ものづくりにハマっている@deepblue_willです。

今月の頭に作ったフラッシュ暗算のゲームに引き続き、またゲームを作りました。
その名も「都道府県ますたー」。日本地図から都道府県を当てるゲームです。日本人なら余裕でクリアできますよね?


都道府県ますたー

todohuken-master 都道府県ますたー

出題される問題の都道府県を日本地図から選んで答えるシンプルなWebゲームです。
ただ都道府県を出題して場所だけ答えるのもつまらないと思ったので、レベルを3つ用意しました!

初級
都道府県名から場所を選択するモードです。
これぐらいできないと日本人とは言えないですよね
中級
市町村名から都道府県の場所を選択するモードです。
これはちょっとむずかしいかも!マニアックな地名も少しいれてます。
上級
名物、名産、観光地などから都道府県を選択するモードです。
これは正直難しいと思います!10問も答えられればたいしたものです。

クリッカブルな日本地図を生成するJQueryプラグイン

Japan Map ( jQuery plugin )

このゲームのキモとなる日本地図はこのプラグインを使用しています。
今回このゲームをつくろうと思ったきっかけでもあります。
このプラグインホントすごくて、クリックしてその都道府県が何か判断できることはもちろん様々なことができます。
エリアごとに色分けできたり、都道府県名を表示したり。。

技術的にはcanvasを使っています。(なのでブラウザによっては動かないかも?IEとかIEとかIE)

さいごに

上級の問題を作る時にいろいろ都道府県のデータを集めてるのがなかなか面白かったです。
なにもないと思ってた都道府県に意外な名産があったり、この有名人この都道府県出身なんだ!とか、この名物おいしそうとか。

47都道府県をひたすら答え続けるのは忍耐力がいると思いますが、地理の勉強がてら挑戦してみてくだい。
ソースはGitHubにあるので気になる方は見てみてください。答えもみれますよ 笑

ではでは。

このブログをRSS登録する! この記事をはてブする!

Comment

Zenback

Categories

  • Lifehack (57)
  • Web (140)
  • まとめ (172)
  • コンピュータ (132)
  • 仕事 (10)
  • 趣味 (104)
  • 雑記 (88)