HTML5でギャルゲーを作れるか？
- 1. HTML5でギャルゲーを作れる か？
- 2. HTML5でできること いままでのAjax/JavaScriptでできること全部 XmlHttpRequest DOM JSON CSS DynamicHTML Canvasタグ Audioタグ Videoタグ これだけあればギャルゲーつくれんじゃね？
- 5. ゲーム画面 旧来のDOM・CSSを用いる方法 Idを割り振り、それに背景画像をつける。 DOMでガリガリいじる。 IEでも動く！ けどIE6は透過PNG対応してないので爆発しろ！ Canvasを用いる方法 Canvasに画像を貼り付ける。 HTML5対応ブラウザじゃないと無理。
- 7. 音楽(BGM・ボイス) Audioタグを使う ブラウザによって対応がまちまち MP3はFirefoxではつかえない。 OggはSafariではつかえない。 いったいどっちを使えばいいの！！ 両方用意する。 ついでにIE非対応だし。 iPhoneでは、Audioタグもまともに使えない。
- 8. オープニング・エンディング Movieタグ ぐだぐだの対応。 音楽と同じことが起こってる。 もう言わなくても分かると思うので省略。 Canvasタグ・DOM・CSS・JavaScript JavaScriptでムービー作るとかぶっちゃけありえない。め んどくさい。
- 9. シナリオファイル XMLで作る 他のシナリオ形式に比べて書きにくい ファイルが長い XmlHttpRequestでそのまま読めるメリット その他形式案 他のソフトのシナリオ形式と互換 JSON → それならXMLでよくね？ コンバータ → 書くのメンドイ。
- 10. セーブデータ 普通にAjaxでサーバに送信する方法 今まで使われてたのとほぼ同じ方法。 PHPとかで簡単にできる。 LocalStorageを使う方法 セーブデータをローカル保存できる。 ついでにデータのキャッシュもここに置くと読み込みが早 くなる。 でも、せっかくWeb化した意味が薄い。 上記と組み合わせてやると効果的。
- 11. 難読化 画像の難読化 → DataURIを用いる方法 JSONやPHPなどを用いて圧縮や暗号化をかけてデータを 配信 JavaScriptを用いてデコードし、DataURIとして展開。 JavaScriptの難読化 たくさんあるので省略 ほかの難読化 DataURIでどこまでできるか不明。
- 12. 結論 IEを無視すれば既存のAjaxライブラリとかを使えばでき る気がする。 でも、作るの時間かかるなぁと思いつつ。 それよりシナリオやイラストが無いけどね！ｗ