4d4f845b9e
Turning the "importsNotUsedAsValues" TS config value to "error". This will require us to use `import type` instead of `import` when we are importing a value that is only used as a type (and therefore that is dropped by the Typescript compiler). Why this change? This is a requirement to be able to use Svelte in the future. See https://github.com/sveltejs/svelte-preprocess/issues/206#issuecomment-663193798
86 lines
2.8 KiB
TypeScript
86 lines
2.8 KiB
TypeScript
import * as Phaser from 'phaser';
|
|
import {Scene} from "phaser";
|
|
import Sprite = Phaser.GameObjects.Sprite;
|
|
import type {ITiledMapObject} from "../../Map/ITiledMap";
|
|
import type {ItemFactoryInterface} from "../ItemFactoryInterface";
|
|
import type {GameScene} from "../../Game/GameScene";
|
|
import {ActionableItem} from "../ActionableItem";
|
|
import * as tg from "generic-type-guard";
|
|
|
|
const isComputerState =
|
|
new tg.IsInterface().withProperties({
|
|
status: tg.isString,
|
|
}).get();
|
|
type ComputerState = tg.GuardedType<typeof isComputerState>;
|
|
|
|
let state: ComputerState = {
|
|
'status': 'off'
|
|
};
|
|
|
|
export default {
|
|
preload: (loader: Phaser.Loader.LoaderPlugin): void => {
|
|
loader.atlas('computer', '/resources/items/computer/computer.png', '/resources/items/computer/computer_atlas.json');
|
|
},
|
|
create: (scene: GameScene): void => {
|
|
scene.anims.create({
|
|
key: 'computer_off',
|
|
frames: [
|
|
{
|
|
key: 'computer',
|
|
frame: 'computer_off'
|
|
}
|
|
],
|
|
frameRate: 10,
|
|
repeat: -1
|
|
});
|
|
scene.anims.create({
|
|
key: 'computer_run',
|
|
frames: [
|
|
{
|
|
key: 'computer',
|
|
frame: 'computer_on1'
|
|
},
|
|
{
|
|
key: 'computer',
|
|
frame: 'computer_on2'
|
|
}
|
|
],
|
|
frameRate: 5,
|
|
repeat: -1
|
|
});
|
|
},
|
|
factory: (scene: GameScene, object: ITiledMapObject, initState: unknown): ActionableItem => {
|
|
if (initState !== undefined) {
|
|
if (!isComputerState(initState)) {
|
|
throw new Error('Invalid state received for computer object');
|
|
}
|
|
state = initState;
|
|
}
|
|
|
|
// Idée: ESSAYER WebPack? https://paultavares.wordpress.com/2018/07/02/webpack-how-to-generate-an-es-module-bundle/
|
|
const computer = new Sprite(scene, object.x, object.y, 'computer');
|
|
scene.add.existing(computer);
|
|
if (state.status === 'on') {
|
|
computer.anims.play('computer_run');
|
|
}
|
|
|
|
const item = new ActionableItem(object.id, computer, scene, 32, (item: ActionableItem) => {
|
|
if (state.status === 'off') {
|
|
state.status = 'on';
|
|
item.emit('TURN_ON', state);
|
|
} else {
|
|
state.status = 'off';
|
|
item.emit('TURN_OFF', state);
|
|
}
|
|
});
|
|
item.on('TURN_ON', () => {
|
|
computer.anims.play('computer_run');
|
|
});
|
|
item.on('TURN_OFF', () => {
|
|
computer.anims.play('computer_off');
|
|
});
|
|
|
|
return item;
|
|
//scene.add.sprite(object.x, object.y, 'computer');
|
|
}
|
|
} as ItemFactoryInterface;
|