ただの備忘記録

忘れないように記録を残します。忘れるから記録に残してます。そして、その記録が役立つといいかな。

【JS】三択クイズ、アンケート調査、テキストRPG

2013年11月12日 | JavaScript

JavaScriptのこども工作教室に3つのスクリプトを追加しました。
三択クイズ、アンケート調査、テキストRPGは、どれも同じ派生のスクリプトです。

JSこども工作教室:http://www.shurey.com/js/craft/index.html

まず、問題(質問、物語)の欄、選択肢、選択結果の3つの表示区分からなっています。
どれも設問から選択肢を選ぶ形式で、結果の表示方法が異なっています。

最初は、三択クイズの作成から解説しています。

ソースと解説:http://www.shurey.com/js/craft/quiz/index.html

1つの質問と選択肢、解答を1つの配列変数で管理しています。こうしておけば、質問の数も自由に増減できます。
あとは、それぞれの解答の結果を記録して、最後にまとめて表示するだけです。

次のアンケート調査は、三択クイズを改良して作っています。ソースは同ページの続きにあります。
解答は1つではありませんので、選択肢それぞれに応じた得点を集計して、集計結果で回答を表示するものです。

最後にテキストRPGです。これはアドベンチャーゲームとして作成できます。

ソースと解説:http://www.shurey.com/js/craft/text_rpg/index.html

物語の管理は、アンケート調査と同じ形式です。選択肢と同じ数の結果があり、プラスマイナスの得点を与えています。
ステータスがHPだけという単純仕様にして、HPが0になるとゲームオーバーです。
あとは、最終のHPによってエンディングが変わります。結果は得点ではなく、エンディングストーリーとして変化します。

テキスト部分にはタグを埋め込むこともできますので、イラストや写真を使うのも簡単にできますし、CSSでデザインを作り込んでも良いでしょう。
まずはシンプルなサンプルを動かして流れを理解して、これを土台にすると手軽にオリジナル作品が作れるかと想います。