ユーザ用ツール

サイト用ツール

サイドバー

About

Contents

Materials Link

その他

PR


wiki:enchant.js:tips:012

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

概要

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

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();
}

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

ダウンロード

Permalink wiki/enchant.js/tips/012.txt · 最終更新: 2014/11/07 23:49 (外部編集)

oeffentlich