Kraut.World/server
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adding sprite on scene, first test

Browse source
This commit is contained in:
David Négrier 2020-04-05 23:30:22 +02:00
parent b10f8d9069
commit 142e3c8a0a
1 changed files with 14 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

22
front/src/GameScene.ts
View file

@ -1,6 +1,9 @@
import Sprite = Phaser.GameObjects.Sprite;
export class GameScene extends Phaser.Scene { export class GameScene extends Phaser.Scene {
private player: Sprite;
constructor() { constructor() {
super({ super({
key: "GameScene" key: "GameScene"
@ -29,34 +32,35 @@ export class GameScene extends Phaser.Scene {
// Let's manage animations of the player // Let's manage animations of the player
this.anims.create({ this.anims.create({
key: 'down', key: 'down',
frames: this.anims.generateFrameNumbers('player', { start: 0, end: 3 }), frames: this.anims.generateFrameNumbers('player', { start: 0, end: 2 }),
frameRate: 10, frameRate: 10,
repeat: -1 repeat: -1
}); });
this.anims.create({ this.anims.create({
key: 'left', key: 'left',
frames: this.anims.generateFrameNumbers('player', { start: 4, end: 8 }), frames: this.anims.generateFrameNumbers('player', { start: 3, end: 5 }),
frameRate: 10, frameRate: 10,
repeat: -1 repeat: -1
}); });
this.anims.create({ this.anims.create({
key: 'right', key: 'right',
frames: this.anims.generateFrameNumbers('player', { start: 9, end: 12 }), frames: this.anims.generateFrameNumbers('player', { start: 6, end: 8 }),
frameRate: 10, frameRate: 10,
repeat: -1 repeat: -1
}); });
this.anims.create({ this.anims.create({
key: 'up', key: 'up',
frames: this.anims.generateFrameNumbers('player', { start: 13, end: 16 }), frames: this.anims.generateFrameNumbers('player', { start: 9, end: 12 }),
frameRate: 10, frameRate: 10,
repeat: -1 repeat: -1
}); });
//let player = this.add.sprite(450, 450, 'player'); // TODO: create a Player class extending a Character class that itself extends from physics.Sprite.
//player.anims.play('down'); this.player = this.add.sprite(150, 130, 'player');
this.player.anims.play('right');
//player.setBounce(0.2); //player.setBounce(0.2);
//player.setCollideWorldBounds(true); //player.setCollideWorldBounds(true);
@ -66,8 +70,10 @@ export class GameScene extends Phaser.Scene {
private angle: number = 0; private angle: number = 0;
update(dt: number): void { update(dt: number): void {
this.cameras.main.scrollX = Math.floor(300 + 300 * Math.cos(this.angle)); this.cameras.main.scrollX = Math.floor(dt * 0.05);
this.cameras.main.scrollY = Math.floor(300 + 300 * Math.sin(this.angle)); this.player.x = Math.floor(dt * 0.05) + 150;
//this.cameras.main.scrollX = Math.floor(300 + 300 * Math.cos(this.angle));
//this.cameras.main.scrollY = Math.floor(300 + 300 * Math.sin(this.angle));
this.angle = dt * 0.0001; this.angle = dt * 0.0001;
} }