From 061208705ceb28dac2c69dd8159452fe439cbdc5 Mon Sep 17 00:00:00 2001 From: Mike Vink Date: Mon, 12 Jul 2021 15:08:48 +0200 Subject: add(template): phaser3 template project --- client/src/game.ts | 47 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 47 insertions(+) create mode 100644 client/src/game.ts (limited to 'client/src') diff --git a/client/src/game.ts b/client/src/game.ts new file mode 100644 index 0000000..40bf5da --- /dev/null +++ b/client/src/game.ts @@ -0,0 +1,47 @@ +import 'phaser'; + +export default class Demo extends Phaser.Scene +{ + constructor () + { + super('demo'); + } + + preload () + { + this.load.image('logo', 'assets/phaser3-logo.png'); + this.load.image('libs', 'assets/libs.png'); + this.load.glsl('bundle', 'assets/plasma-bundle.glsl.js'); + this.load.glsl('stars', 'assets/starfields.glsl.js'); + } + + create () + { + this.add.shader('RGB Shift Field', 0, 0, 800, 600).setOrigin(0); + + this.add.shader('Plasma', 0, 412, 800, 172).setOrigin(0); + + this.add.image(400, 300, 'libs'); + + const logo = this.add.image(400, 70, 'logo'); + + this.tweens.add({ + targets: logo, + y: 350, + duration: 1500, + ease: 'Sine.inOut', + yoyo: true, + repeat: -1 + }) + } +} + +const config = { + type: Phaser.AUTO, + backgroundColor: '#125555', + width: 800, + height: 600, + scene: Demo +}; + +const game = new Phaser.Game(config); -- cgit v1.2.3