Quiz Generator LevelUp Script (レベルアップクイズ作成スクリプト)
自作 JSライブラリの4択(複数選択)クイズジェネレータ レベルアップバージョンです。
Quiz Generator Version 2.0を元にして、レベルアップしていけるスクリプトです。
作成にはHTML、スタイルシート、JavaScriptの簡単な知識が必要です。まずはViersion1.0で試してみてください。
複数選択式Quiz Generator Scriptはこちらです
複数選択式レベルアップQuiz Generator Scriptはこちらです
ランキング機能の付いたQuiz Generator Script Ranking+はこちらです
特徴
JS設定ファイルを変更するだけで、簡単に4択レベルアップクイズが作成できます。
設定方法などはほぼQuiz Generator Version 2.0と同じ方法で、クイズレベル設定ファイルを複数用意し、そのレベルがクリアできると上位レベルに挑戦できるクイズです。Quiz Generatorよりはカスタマイズ性が上がっております。
サンプルを実行して頂き、その動きを見て頂いた方が分かりやすいと思います。
ダウンロード
個人使用・非営利使用の場合でも有償になります。詳しくはライセンスをご覧下さい。
ファイルはメールに添付して送信いたします。
以下にあるサンプル3問付きです。
設置方法
設定方法などはほぼQuiz Generator Version 2.0と同じ方法です。
ここでは違う部分のみ解説します。
スクリプトと一緒に解説ページを付属しますので、詳しくはそちらをご覧下さい。
クイズ設定ファイルの記述
/* レベル名 */ var levelfile=["level1","level2","level3","level4","level-final"]; /*途中省略*/ /* ファイナルメッセージ&ボタン */ var final_ending_msg=[ "<span style='font-size:22px;font-weight:bold;color:red;'>Congratulations!</span>" ,"" ,"あなたの総合得点は<strong><n_manten>満点中 <n_tokuten>点</strong>です。" ,"このクイズ全体の正解/出題点数は<n_seikai>/<n_shutsudai>点、" ,"平均得点は<n_heikin>点になります。" ,"全ての正解/出題数は<n_seikai_num>/<n_shutsudai_num>問、" ,"正解率は<n_percent>%です。" ,"" ,"またの挑戦をお待ちしています。" ] /* 空白("")にするとボタンを非表示にする事ができます。 */ var final_ending_button_restart = "もう一度挑戦する";
/*-------- レベルエンディング設定 --------*/ /* 次のレベルへ進めるる得点 */ q_levelup=80; /* 得点振り分けメッセージ*/ level_endings = [ [100, [ "<span class='msg_tokuten'>う〜ん、さすが!! <br/><levelname>は<strong>満点</strong>でした。</span>" ,"現在の得点合計は<span style='color:red;'><n_manten>満点中<n_tokuten>点、平均得点は<n_heikin>点</span>です。" ,"現在までの正解/出題数は<n_seikai_num>/<n_shutsudai_num>問、 ,"正解率は<n_percent>%です。" ,"" ,"「<next>」をクリックして次のレベルへ挑戦してください。" ] ] ,[q_levelup, [ "<span class='msg_tokuten'><levelname>のあなたの得点は <strong><tokuten>点</strong> でした。</span>" ,"現在の得点合計は<span style='color:red;'><n_manten>満点中<n_tokuten>点、平均得点は<n_heikin>点</span>です。" ,"現在までの正解/出題数は<n_seikai_num>/<n_shutsudai_num>問、 ,"正解率は<n_percent>%です。 ,"" ,"「<next>」をクリックして次のレベルへ挑戦してください。" ] ] ,[0, [ "<span class='msg_tokuten'><levelname>のあなたの得点は <strong><tokuten>点</strong> でした。</span>" ,"" ,"残念ながら次のレベルへは進めません。" ,"再挑戦してください。" ,"もう一度、<levelname>に挑戦するには「<retry>」を、" ,"最初からやり直す場合は「<restart>」をクリックしてください。" ] ] ];
Quiz Generator(quiz-config.js)の解説
レベル名です。レベルは幾つでも増やすことができます。
メッセージはすべて配列に入れました。表示されるときには改行が入ります。
また色々な得点情報を表示できるようになりました。得点はレベル間で引き継ぎ、レベルエンディングメッセージ・ファイナルメッセージで表示可能です。
次のレベルへ進める得点を記入します。
そのレベルの得点振り分けエンディングメッセージです。ここも配列になります。
次レベルに進めるq_levelupを入れています。またメッセージに各得点を入れることができます。
サンプル
サンプル1
レベル数:5、出題数・出題順・○×の表示・制限時間・サウンドの有無などは各レベルファイルで個々に指定してあります。
例題として選択岐のシャッフルをしない(正解は全て1番目の選択岐)にしてありますので、色々試してみてください。
サンプル2
サンプル1と同じ問題ですが、実践用に選択岐のシャッフルをするに設定してあります。
サンプル3
実践用の魚偏クイズです。レベルは3段階。最初はオチャラケたクイズですが、徐々に難しくなります。
動作確認
Win/ IE9 Safari Chromaで動作確認しています。
IE 6.0では一部透過されません。
ライセンス
Quiz Generator LevelUp Scriptは有償です。まずはQuiz Generator Version 2.0からダウンロードして制作してみて試してからお申し込みください。
個人利用で非営利目的の場合、500円になります。クレジットは削除禁止です。
商用目的・法人使用は2000円になります。この場合、クレジットを削除することも可能です。
お申し込みはこちらをご覧下さい。
購入された方にはスクリプトをメールに添付して送信いたします。上の3個のサンプルもお付けいたします。
尚、再配布・改造しての再配布は禁止させて頂きます。
このスクリプトを使用した、いかなる損害に対しても開発者は一切の責任を負いません。
カスタマイズ
有償にてカスタマイズもお受けいたします。
お問い合わせから詳しいカスタマイズ方法など送信してください。
更新履歴
2012年3月17日 公開