012 スプライトをグループ化する [stepism]

この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。

====== 012 スプライトをグループ化する ======

{{:wiki:enchant.js:tips:enchantjs_012_000.png?200|}}

===== 概要 =====
Groupを利用すればスプライト(ノード)をまとめて動かすことが出来ます。

<code javascript>
main.js
var SPRITE_SIZE = 32;
var group;

// 初期化。
function init()
{
	game.scale = 1;
	game.fps = 30;
	
	scene = new Scene();
	scene.backgroundColor = "#ccc";
	
	group = new Group();
	group.x = 0;
	group.y = 0;
	
	var spriteA = new Sprite( SPRITE_SIZE, SPRITE_SIZE );
	spriteA.backgroundColor = "#66F";
	spriteA.x = 0;
	spriteA.y = 0;
	
	var spriteB = new Sprite( SPRITE_SIZE, SPRITE_SIZE );
	spriteB.backgroundColor = "#F66";
	spriteB.x = 32;
	spriteB.y = 32;
	
	// グループに登録。
	group.addChild( spriteA );
	group.addChild( spriteB );
	
	// グループをシーンに登録。
	scene.addChild( group )
	
	game.pushScene(scene);
	
	main();
}
</code>

SpriteA、SpriteBをgroupに登録しています。これでGroup化出来たのでgrounp の座標を変更すれば、SpriteA、SpriteBも同時に動きます。



==== ダウンロード ====
{{:wiki:enchant.js:tips:enchantjs_spritegroup.zip|}}

ユーザ用ツール

サイト用ツール

ページ用ツール