JavaScriptとHTML5で作成したスクロール移動タイプのWebブラウザRPGの実験システムです。

canvas要素に描画されるマップをスクロール移動しながら、スクリプトで記述したイベントを体験することができます。スクリプトには、会話(メッセージ表示)や選択ダイアログ、画像表示、動画/BGM再生、戦闘、変数などの機能を実装してみました。
戦闘に勝利すると経験値が増えて能力が向上するRPG風の成長システムも取り入れています。

HTML5対応のWebブラウザ(Firefox/Internet Explorer9/Chrome/Safari/Opera。Firefox4を推奨)で実行してください。ダウンロードしたファイルをローカルで実行した場合は、JavaScript(XMLHttpRequest)のセキュリティ制約によりWebブラウザによっては正常に実行できない場合があります。

ゲーム画面での操作は、カーソルキーで移動、リターンキーで道具などのコマンドメニュー入りです。メニューやダイアログでは、リターンキーで選択肢の決定・メッセージの早送り・ページ送りができます。

実行中、BGMや動画再生で音声が鳴りますので、音量にご注意を。

JavaScript版RPGプロトタイプ画像1JavaScript版RPGプロトタイプ画像2JavaScript版RPGプロトタイプ画像3

とりあえず、JavaScriptの描画能力やメディア再生機能を試しながら2Dフィールド移動型のRPGやアドベンチャーゲームとしてごく基本的なシステムを実装してみました。そのうち、多人数パーティや魔法システムなどRPGとしての追加要素を実装した「ゲーム作品」も作ってみたいですね。

実装している機能は少なめですが、同じデータファイルを使える携帯iアプリ版も開発中です。

JavaScript版フィールドRPG実行ページ

ファイル一式ダウンロード(617KB)


創作プログラミングの街 > ゲーム開発室 > プロトタイプ倉庫