02e6b50b16
This PR adds the display of a circle around groups. This is useful to view where you need to go to speak to someone but also to debug. Note: implementation is suboptimal, relying on a "graphics" object that is known to be slow. In the future, we need to use a circle as a sprite instead.
59 lines
1.5 KiB
TypeScript
59 lines
1.5 KiB
TypeScript
import {Textures} from "../Game/GameScene";
|
|
|
|
interface AnimationData {
|
|
key: string;
|
|
frameRate: number;
|
|
repeat: number;
|
|
frameModel: string; //todo use an enum
|
|
frameStart: number;
|
|
frameEnd: number;
|
|
}
|
|
|
|
export enum PlayerAnimationNames {
|
|
WalkDown = 'down',
|
|
WalkLeft = 'left',
|
|
WalkUp = 'up',
|
|
WalkRight = 'right',
|
|
None = 'none',
|
|
}
|
|
|
|
export const getPlayerAnimations = (name: string = Textures.Player): AnimationData[] => {
|
|
return [{
|
|
key: `${name}-${PlayerAnimationNames.WalkDown}`,
|
|
frameModel: name,
|
|
frameStart: 0,
|
|
frameEnd: 2,
|
|
frameRate: 10,
|
|
repeat: -1
|
|
}, {
|
|
key: `${name}-${PlayerAnimationNames.WalkLeft}`,
|
|
frameModel: name,
|
|
frameStart: 3,
|
|
frameEnd: 5,
|
|
frameRate: 10,
|
|
repeat: -1
|
|
}, {
|
|
key: `${name}-${PlayerAnimationNames.WalkRight}`,
|
|
frameModel: name,
|
|
frameStart: 6,
|
|
frameEnd: 8,
|
|
frameRate: 10,
|
|
repeat: -1
|
|
}, {
|
|
key: `${name}-${PlayerAnimationNames.WalkUp}`,
|
|
frameModel: name,
|
|
frameStart: 9,
|
|
frameEnd: 11,
|
|
frameRate: 10,
|
|
repeat: -1
|
|
}];
|
|
};
|
|
|
|
export const playAnimation = (Player : Phaser.GameObjects.Sprite, direction : string) => {
|
|
if (direction !== PlayerAnimationNames.None && (!Player.anims.currentAnim || Player.anims.currentAnim.key !== direction)) {
|
|
Player.anims.play(direction);
|
|
} else if (direction === PlayerAnimationNames.None && Player.anims.currentAnim) {
|
|
Player.anims.stop();
|
|
}
|
|
}
|