ブログでクイズゲーム(日本史編)
前回紹介した
JS ADV.jsはテキストベースのシンプルなゲームを作成するライブラリですが、イベントデータなどを作るのに多少JavaScriptの知識がいります。
たとえば、下のクイズゲームのイベントはeventDataという配列で管理しています。個々のイベントは「シーン」という単位でまとめられており、プレイ中に分岐させて別のシーンに移動させたり、同じシーンをループさせることなどができます。
日本史クイズ(全三問・難易度選択可)
ちなみに、このクイズゲームはHTML上には、
このように書いているだけです。HTMLのタグ打ちができるブログなどなら載せられますね。ただし、その反面読み込むJavaScriptファイルが多く、
prototype.min.js
effects.min.js
js_adv.blog.js
game_data.adv.blog.js
event_data.adv.blog.js
blog_adv001.js
このページだけでもこれだけファイルをロードしてたりします。サイトによってはファイルの軽量化・圧縮などが必須になるかもしれません。もしくは、ファイルのいくつかを一つにまとめてしまう方法もあります。
また、イベント用のファイルはそのままだとソースなどでのぞけてしまうので、下にイベントデータの一部を抜き出してみましたが、見る人が見れば分かってしまいます。
{
type: 'showQuestion',
param: ' 第一問、この写真の人物は誰ですか?'
},
{
type: 'showAnswer',
param: [
'福山雅治',
'志村けん',
'坂本龍馬'
]
},
{ type: 'waitToChoose', param: 'winAns' },
{ type: 'insertValue', param: [
'rightAnswers',
[
'+0',
'+0',
'+1'
]
] },
{ type: 'clearMsg' },
クイズゲームを作る際はファイルを難読化させたりと工夫が必要です。
こちらはご参考までに
このクイズのイベント用JSファイル
次回はJS AVD.jsの具体的な導入方法について解説していきたいと思います。
-
JavaScript/Ajax, ゲーム