WIZ-CODE.blog

JavaScriptやAjaxをテーマとしたブログです。

*

ブログでクイズゲーム(日本史編)

   

前回紹介した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, ゲーム