WIZ-CODE.blog

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

*

JavaScriptでクイズやADVゲームを作ろう

   

久々にサイトを更新しました。 adv01 ADVゲームのサンプル。キャラの顔グラフィック付きのウィンドウが開く。 quiz01 クイズゲームのサンプル。選択肢や入力ダイアログなどの機能がある。 Flashを使わずにWEB上でクイズゲームや、アドベンチャー・ノベルっぽいものも作りたいという人向けのライブラリです。しかしまだ編集用のエディタがないので、ある程度JavaScriptの知識が必要です。JSON構文のコードというかオブジェクトが書けると非常に楽なんですが。またCSSやJavaScriptファイルを置ける自前のサイトがある(FC2などでもOK)ことが条件になります。 ちなみにこれらのページではjs_adv.jsというライブラリを使っています。これは二大ライブラリPrototypeとScript.aculo.usがベースになっています。 ウィンドウが開いたり閉じたりといった各種イベントは、Script.aculo.usのエフェクトを利用しています。また、effects.jsライブラリにはキュー(queue)というエフェクトの概念があって、エフェクトの出る順番をある程度制御できるため、イベント管理はほとんどこのエフェクトキューに負っています。一方で各エフェクトは開始と終了時間が決まっているため、エフェクトキューですべてのタイプのイベントを管理するのは困難です。 たとえばメッセージが出た後はあたかもクリック待ちの機能を実現しているように見えますが、実は次のイベントを10000秒後に先送りしているだけであって、10000秒後には次のイベントへ以降してしまうインチキな仕組みだったりします。それでも必要最低限の機能は備わっていているので、コードの書き方さえ覚えてしまえば、特にクイズゲームなどを手軽に作ることができます。 次回以降はこのjs_adv.jsの導入・設置方法について書いていく予定です。 ※JS ADV.jsはほとんどのブラウザで動きます IEは6以上(PNG透過問題があるので、実用性を考慮すると7以上) Firefoxは3.5で動作確認 Chromeは4.1で確認 Operaは10.1で確認

 - JavaScript/Ajax, ゲーム , , , , ,