HTML5 Game Dev

edit | Title Index |  Recent Changes  | 

Show page source of FrontPage #59589

= 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]]
|| 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]]
ウェブページの埋め込みにも対応しています。
以下のコードを埋め込みます。
  * wPhone (埋め込み例： http://h5gamedev.sourceforge.jp/?Welcome:wPhone )
{{{
<script src="http://www.gmodules.com/ig/ifr?url=http://cnut256.appspot.com/gadgets/wphone.xml&amp;synd=open&amp;w=220&amp;h=420&amp;title=wPhone&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;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&amp;synd=open&amp;w=430&amp;h=420&amp;title=JS+FPS&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;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&amp;synd=open&amp;w=530&amp;h=460&amp;title=Mini+Games&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>
}}}

  * [wiki:OpenSocialPage OpenSocial について]

[[BR]]
== サーバ上のアプリ
データ保存の動作確認用です。（サーバの動作が鈍重）
  * JS FPS Editor
    * http://cnut1024.byteact.com/jsfps/editor.html
Google App Engine サーバ上のもの
  * JS FPS（データの保存はできません）
    * http://cnut256.appspot.com/jsfps/game.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/ ||
[[BR]]
[[ReleaseList]]
[[RecentTickets(limit=5)]]