技術資料らしきものJavaScript−JavaScriptでゲームっぽいものを作ろう!その4

アドベンチャーゲームなわけだから、選択肢を作りたいよね。

まあ、これがないと単なる「落書き付きのデジタルノベル」な訳で。。。


今回のポイント1

選択肢をそれぞれspanで区切って、onclick でイベントを呼び出しているのですが、
onmouseover イベントと、onmouseout イベントで、class を変えてやることによって、テキストをロールオーバーしてます。

こんな感じで。

今回のポイント2

大したポイントでも無いんですけど、選択肢をクリックした瞬間に次のアクションに移ると、どうも機械的すぎてイマイチかな、ということで、ちょっとだけ選択された選択肢の表示を変えて、間を作っています。

なんやかんやで現時点でのサンプル

犯人はヤス(2007.07.07)

選択肢をクリックすると、選択肢に応じたメッセージを表示させています。
それだけだとつまらないので、メインイメージも変わるようにしています。

案外、これだけの組み合わせでアドベンチャーゲーム自体は作れちゃいそうですね。
後はどうやって味付けしようかなぁ。。。
作りながら考えることにしようそうしよう。
(これ、やっぱりJavaScript講座じゃないな・・・・・。まぁいいか。)

 

JavaScriptでゲームっぽいものを作ろう!その5へ!

JavaScript関連リンク

サイト

Binbo-Special > 技術情報らしきもの > JavaScript
当サイトです。
OPEN SPACE様
様々な情報がありますが、javascript関連のリファレンスも充実しています。
JQUERY日本語リファレンス
jQueryに関するリファレンスサイト。見やすい!です。

書籍

Prototype & script.aculo.us JavaScriptライブラリによるAjaxアプリケーション開発
読み途中ですが、なかなか面白いです。
jQueryで作る Ajaxアプリケーション
jQueryに興味を持ったら読んでみるのも吉。

2007/07/07

▲一番上へ