stadium / Exports / LoopSpriteByDirection

Class: LoopSpriteByDirection

Animate Hook의 이동 방향에 따라 이미지를 전환하는 Hook입니다. Animate Hook보다 나중에 마운트되어야 합니다.

INFO

SpriteSheet에 left, right, up, down, idle 상태가 있어야 합니다.

const sprite = new ImageSprite({ ... });

const sheet = { 
    left: ["left1.png", "left2.png", "left3.png"], 
    right: ["right1.png", "right2.png", "right3.png"], 
    up: ["up1.png", "up2.png", "up3.png"], 
    down: ["down1.png", "down2.png", "down3.png"], 
    idle: ["idle1.png", "idle2.png", "idle3.png"], 
} 

const loop = new LoopSpriteByDirection(sheet, 100) 
const animate = new Animate();

sprite.use([ animate, loop ])

animate.moveTo(100, 0) // 오른쪽으로 이동하며 이미지가 전환됩니다.

Hierarchy

• LoopSprite

  ↳ LoopSpriteByDirection

Table of contents

Constructors

• constructor

Accessors

• state

Constructors

constructor

• new LoopSpriteByDirection(sheet, interval?): LoopSpriteByDirection

Parameters

Name	Type	Default value	Description
sheet	SpriteSheet	undefined	스프라이트 시트에는 left, right, up, down, idle 상태가 있어야 합니다.
interval	number	500	이미지 전환 간격

Returns

LoopSpriteByDirection

Overrides

LoopSprite.constructor

Defined in

lib/hook/loopSprite.ts:135

Accessors

state

• set state(value): void

보여줄 시트의 상태를 설정합니다.

loop.state = "fly";

Parameters

Name	Type	Description
value	string	상태 값

Returns

void

Inherited from

LoopSprite.state

Defined in

lib/hook/loopSprite.ts:59