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) 対応

実験的に JSFPS を Google ガジェット(OpenSocial) として動くようにしてみました。
iGoogle の画面から http://cnut256.appspot.com/jsfps/gadget.xml を指定して追加します。
表示直後はキーボードが利かないような状態ですが、一度 JSFPS の画面をクリックするとキーボード入力が有効になります。

• 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)