History: FrontPage - HTML5 Game Dev - HTML5 Game Dev

HTML5 Game Dev Wiki

Outline

1. HTML5 Game Dev Wiki
   1. 概要
   2. Google ガジェット(OpenSocial) 対応
   3. サーバ上のアプリ
   4. 解説ページ
   5. 参考サイト
   6. 素材サイト

概要

HTML5 の Canvas と Java Script を利用してゲームを作成します。

• 基本的な開発予定
  1. 簡単なFPSゲームを作成
  2. ゲームプログラムの基本構造を固める
  3. 別ジャンルのゲームを作成

ゲーム開発を進めながら HTML5 によるゲーム開発のノウハウを整理していく予定です。

Google ガジェット(OpenSocial) 対応

開発中のゲームは Google ガジェット(OpenSocial) としても動作します。 iGoogle の画面から下の 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

（表示直後はキーボードが利かないような状態ですが、一度ゲームの画面をクリックするとキーボード入力が有効になります。）

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>

• 埋め込み例： http://h5gamedev.sourceforge.jp/

• OpenSocial について

サーバ上のアプリ

データ保存の動作確認用です。（サーバの動作が鈍重）

• 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

解説ページ

• HTML5(JavaScript) によるゲーム開発
• クラス設計
• OpenSocial について

• サンプル1 HTML5(JavaScript) による描画
• サンプル2 HTML5(JavaScript) によるスプライト
• サンプル3 HTML5(JavaScript) によるメインループ
• サンプル4 HTML5(JavaScript) によるタスク

wiki:TestPage

---

参考サイト

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/

素材サイト

しゅがーぽっと	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/

Latest File Release

etc (gadgets-alpha-20100830)	2010-08-30 05:53
h5gamedev (sgskel-alpha-20100908)	2010-09-08 16:35

Recent Tickets

(empty)