• R/O
  • SSH
  • HTTPS

jgame-js: Source Tree


Name Size Rev. Time Author Log Message
readme.txt 3.43 k r97 2013-04-26 14:55:45 tsugehara readme.txt修正
jgame.js 229.2 k r161 2013-09-10 18:15:10 tsugehara ラベルやMultilineTextの影を綺麗に。 ...
build r151 2013-08-23 00:37:41 tsugehara tscを0.9.1.1に切り替え。
jgame.min.js 102.8 k r161 2013-09-10 18:15:10 tsugehara ラベルやMultilineTextの影を綺麗に。 ...
doc r164 2013-09-10 18:40:41 tsugehara changes.txtに2.2の変更内容を追加
lib r160 2013-09-10 17:25:39 tsugehara Label.getFontSize, Label.setFontSize...
src r161 2013-09-10 18:15:10 tsugehara ラベルやMultilineTextの影を綺麗に。 ...

readme.txt

jgame.jsはオープンソースのHTML5向け2dゲームフレームワークです。
MITライセンスなので、商用非商用を問わずご自由にご利用いただけます。

動作はjavascriptですが、製作はtypescriptで行われているため、typescriptライブラリともいえます。
enchant.jsよりも少し使いにくく結構高速なライブラリとなることを目標としています。
詳しくはサンプルをご覧ください。
http://jgame-js.sourceforge.jp/


[javascriptライブラリとしての利用]
jgame.jsを利用する際は、jgame.jsをコピーし、以下のように利用してください。
<script type="text/javascript" src="jgame.js"></script>
<script type="text/javascript">
//ここにプロジェクト用のスクリプトを記述してください
</script>


[プロジェクトテンプレート]
jgame.jsでは以下の構造をプロジェクトテンプレートとして定義しています。
index.html
js/jgame.js
js/あなたのjavascript.js
img/あなたの画像ファイル
sound/あなたの音声ファイル
css/あなたのcssファイル
ts/あなたのtypesriptファイル

imgやsoundはフォルダをあえて固定にしてあります。
変更したい場合はResourceStructureという仕組みを使う必要があります。
http://jgame-js.sourceforge.jp/resource-structure.html


[初期化]
jg.globalize();
window.onload = function() {
	var game = new Game(320, 320);
	game.preload({chara: "chara.png"});
	game.loaded.handle(function() {
		var chara = new Character(game.r("chara"), 32, 32);
		game.currentScene.append(chara);
		chara.frame = [0, 1];
		chara.tl().moveBy(288, 0, 1800)
			.scaleTo(-1, 1, 300)
			.moveBy(-288, 0, 1800)
			.scaleTo(1, 1, 300)
			.loop();
	});
}

詳しくは各種サンプルをご覧ください。
http://jgame-js.sourceforge.jp/
window.onloadで初期化し、game.loaded.handle内に初期化後のコードを記述していく形になります。
jqueryを利用されている場合、window.onloadの代わりに以下の形を利用してください。
jg.globalize();
$(function() {
	var game = new Game(320, 320);
	game.preload({chara: "chara.png"});
	game.loaded.handle(function() {
		var chara = new Character(game.r("chara"), 32, 32);
		game.currentScene.append(chara);
		chara.frame = [0, 1];
		chara.tl().moveBy(288, 0, 1800)
			.scaleTo(-1, 1, 300)
			.moveBy(-288, 0, 1800)
			.scaleTo(1, 1, 300)
			.loop();
	});
});


[typescriptライブラリとしての利用]
jgame.jsをtypescriptのライブラリとして利用する場合、
javascriptライブラリとしての利用方法と同じようにまずはjgame.jsをコピーしてください。

ビルドの際には定義ファイルが必要になるため、
libフォルダにあるjgame.d.tsが必要になります。
これらをTypeScriptのプロジェクトにコピーし、ビルド設定に追加することでライブラリとして利用できるようになります。

以下のような構成がいいかと思います。
-------------------
lib/jgame.d.ts
ts/yourtypescript.ts
js/jgame.js
js/yourscript.js
-------------------

jgame.jsと同じようにbuild.txtを使う場合は、以下のような内容をts/build.txtとして作ると使いやすいでしょう。
-------------------
lib/jgame.d.ts
yourtypescript.ts
--out ../js/yourscript.js
-------------------
Show on old repository browser