HTML5 Game Dev
edit= HTML5 Game Dev Wiki
[[PageOutline]]
[[BR]]
== 概要
HTML5 の Canvas と Java Script を利用してゲームを作成します。
* 基本的な開発予定
1. 簡単なFPSゲームを作成
2. ゲームプログラムの基本構造を固める
3. 別ジャンルのゲームを作成
ゲーム開発を進めながら HTML5 によるゲーム開発のノウハウを整理していく予定です。[[BR]]
[[BR]]
== Google ガジェット(!OpenSocial) 対応
開発中のゲームは Google ガジェット(!OpenSocial) としても動作します。[[BR]]
iGoogle の画面から以下の XML を指定して追加します。[[BR]]
（Firefox 3.6.6 で動作確認）
|| !KioMiku Player || http://cnut256.appspot.com/gadgets/kmp.xml ||
|| wPhone || http://cnut256.appspot.com/gadgets/wphone.xml ||
|| JS FPS || http://cnut256.appspot.com/jsfps/gadget.xml ||
|| Mini Games || http://cnut256.appspot.com/minigames/gadget.xml ||
（フォーカスの関係で表示直後はキーボードが利かない状態ですが、ゲーム画面をクリックするとキーボード入力が有効になります。）[[BR]]
[[BR]]
ウェブページに埋め込むことも可能です。[[BR]]
以下のコードをウェブページの HTML に埋め込みます。[[BR]]
（Firefox 3.6.6 で動作確認）
* !KioMiku Player (埋込例： http://h5gamedev.sourceforge.jp/?Welcome:KioMiku_Player )
{{{
<script src="http://www.gmodules.com/ig/ifr?url=http://cnut256.appspot.com/gadgets/kmp.xml&synd=open&w=340&h=350&title=KioMiku+Player&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>
}}}
* wPhone (埋込例： http://h5gamedev.sourceforge.jp/?Welcome:wPhone )
{{{
<script src="http://www.gmodules.com/ig/ifr?url=http://cnut256.appspot.com/gadgets/wphone.xml&synd=open&w=220&h=420&title=wPhone&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>
}}}
* JS FPS (埋込例： http://h5gamedev.sourceforge.jp/?Welcome:JS_FPS )
{{{
<script src="http://www.gmodules.com/ig/ifr?url=http://cnut256.appspot.com/jsfps/gadget.xml&synd=open&w=430&h=420&title=JS+FPS&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>
}}}
* Mini Games (埋込例： http://h5gamedev.sourceforge.jp/?Welcome:Mini_Games )
{{{
<script src="http://www.gmodules.com/ig/ifr?url=http://cnut256.appspot.com/minigames/gadget.xml&synd=open&w=530&h=460&title=Mini+Games&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>
}}}
* [wiki:OpenSocialPage OpenSocial について]
[[BR]]
== オンラインゲーム・モード
JS FPS は、サーバモジュールがデプロイ済みのサイトから実行した場合、オンラインゲームとして動作可能です。[[BR]]
ゲームのメニュー画面で「JSFPS Online」を選択するとオンラインゲーム・モードになります。[[BR]]
オンラインゲーム・モードではニコニコ動画風のチャット機能があります。[[BR]]
[[BR]]
以下の URL のアプリはオンラインゲーム・モードで動作します。
* http://cnut256.appspot.com/jsfps/game.html
* http://h5gamedev.sourceforge.jp/?Welcome:JS_FPS
[[BR]]
== サーバ上に配置済みのアプリ
動作確認用です。
* JS FPS
* http://cnut256.appspot.com/jsfps/game.html
* JS FPS Editor（データ保存が可能です。サーバの動作は鈍重）
* http://cnut1024.byteact.com/jsfps/editor.html
* ミニゲーム集（炉リンダンス、ガチムチ・ボクシング、ファイアーマン）
* http://cnut256.appspot.com/minigames/game.html
[[BR]]
== 解説ページ
* [wiki:HTML5Page HTML5(JavaScript) によるゲーム開発]
* [wiki:ClassesPage クラス設計]
* [wiki:OpenSocialPage OpenSocial について]
* [wiki:HTML5DrawPage サンプル1 HTML5(JavaScript) による描画]
* [wiki:HTML5SpritePage サンプル2 HTML5(JavaScript) によるスプライト]
* [wiki:HTML5MainLoopPage サンプル3 HTML5(JavaScript) によるメインループ]
* [wiki:HTML5TaskPage サンプル4 HTML5(JavaScript) によるタスク]
wiki:TestPage
[[BR]]
----
== 参考サイト
|| Akihabara || http://www.kesiev.com/akihabara/ ||
|| Aves Engine || http://www.dextrose.com/en/projects/aves-engine ||
|| Ben Joffe || http://www.benjoffe.com/code/ ||
|| !JavaScript Adventures || http://www.mrspeaker.net/javascript/ ||
|| HTML5 Canvas Cheat Sheet || http://simon.html5.org/dump/html5-canvas-cheat-sheet.html ||
== 素材サイト
|| しゅがーぽっと || http://www.icnet.ne.jp/~sugarpot/index.html ||
|| 仮設サイト || http://www.geocities.jp/bhmqm120/material.htm ||
|| スキマノソザイ || http://wato5576.hp.infoseek.co.jp/index.html ||
|| stockvault || http://www.stockvault.net/ ||
|| 01SoundEarth || http://www.01earth.net/sound/ ||
|| ULTIMATEゲーム事業部 || http://utm-game-web.hp.infoseek.co.jp/free-sound.htm ||
|| || ||
|| Witch Craft || http://witchcraft-jp.sakura.ne.jp/index.html ||
|| !MikuMikuDance || http://www.geocities.jp/higuchuu4/ ||
|| Xiao Sphere || http://xiao-sphere.net/ ||
|| ぽりぽりぽり || http://ameblo.jp/pandacocoa/ ||
|| ガチムチ素材集 || http://www10.atwiki.jp/herrington/ ||
|| ニダーRPG人民共和国 || http://nida.vs.land.to/ ||
|| TAM Music Factory || http://www.tam-music.com/index.html ||
|| キオ式アニキャラ3D || http://kiomodel3.sblo.jp/ ||
[[BR]]
[[ReleaseList]]
[[RecentTickets(limit=5)]]