目次

005 スプライトの移動

概要

MoveBy() メソッドを使用してスプライトを移動させます。移動すると同時にアニメーションフレームの設定も行っています。

ソースコード

function init()
{
	game.scale = 1;
	game.fps = 30;
	scene = new Scene();
	scene.backgroundColor = "#000";
	game.pushScene(scene);
 
	sprite = new Sprite(32, 32);
 
	sprite.image = game.assets["images/chara1.png"];
 
	sprite.backgroundColor = "#66F";
	sprite.x = 0;
	sprite.y = 0;
 
	// アニメーションフレームの設定
	sprite.frame = [6, 6, 7, 7];
 
	// 移動
	var moveValueX = game.width - sprite.width;
	var moveValueY = 0;
	var moveFrame = 90;
	var turnFrame = 10;
	var scale = 1;
 
	sprite.tl
		.moveBy(moveValueX, moveValueY, moveFrame)
		.scaleTo(-scale, scale, turnFrame)
		.moveBy(-moveValueX, moveValueY, moveFrame)
		.scaleTo(scale, scale, turnFrame)
		.loop();
 
	scene.addChild(sprite);
 
	main();
}

ダウンロード

enchantjs_std_move.zip