From b10f8d90695cc14f3db2aff139d7b8f4c22bff91 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20N=C3=A9grier?= <d.negrier@thecodingmachine.com>
Date: Sun, 5 Apr 2020 16:20:53 +0200
Subject: [PATCH] Loading first sprite

---
 .../resources/characters/pipoya/Male 01-1.png | Bin 0 -> 3488 bytes
 front/src/GameScene.ts                        |  39 ++++++++++++++++++
 2 files changed, 39 insertions(+)
 create mode 100644 front/dist/resources/characters/pipoya/Male 01-1.png

diff --git a/front/dist/resources/characters/pipoya/Male 01-1.png b/front/dist/resources/characters/pipoya/Male 01-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..d4c12b28e9b1821c5dbad942c1d951c950ea6707
GIT binary patch
literal 3488
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
LnG@wia>D-rY;{Uy

literal 0
HcmV?d00001

diff --git a/front/src/GameScene.ts b/front/src/GameScene.ts
index 9a432449..b8723574 100644
--- a/front/src/GameScene.ts
+++ b/front/src/GameScene.ts
@@ -10,6 +10,10 @@ export class GameScene extends Phaser.Scene {
     preload(): void {
         this.load.image('tiles', 'maps/tiles.png');
         this.load.tilemapTiledJSON('map', 'maps/map2.json');
+        this.load.spritesheet('player',
+            'resources/characters/pipoya/Male 01-1.png',
+            { frameWidth: 32, frameHeight: 32 }
+        );
     }
 
     init(): void {
@@ -22,6 +26,41 @@ export class GameScene extends Phaser.Scene {
         let bottomLayer = mappy.createStaticLayer("Calque 1", [terrain], 0, 0);
         let topLayer = mappy.createStaticLayer("Calque 2", [terrain], 0, 0);
 
+        // Let's manage animations of the player
+        this.anims.create({
+            key: 'down',
+            frames: this.anims.generateFrameNumbers('player', { start: 0, end: 3 }),
+            frameRate: 10,
+            repeat: -1
+        });
+
+        this.anims.create({
+            key: 'left',
+            frames: this.anims.generateFrameNumbers('player', { start: 4, end: 8 }),
+            frameRate: 10,
+            repeat: -1
+        });
+
+        this.anims.create({
+            key: 'right',
+            frames: this.anims.generateFrameNumbers('player', { start: 9, end: 12 }),
+            frameRate: 10,
+            repeat: -1
+        });
+
+        this.anims.create({
+            key: 'up',
+            frames: this.anims.generateFrameNumbers('player', { start: 13, end: 16 }),
+            frameRate: 10,
+            repeat: -1
+        });
+
+        //let player = this.add.sprite(450, 450, 'player');
+        //player.anims.play('down');
+        //player.setBounce(0.2);
+        //player.setCollideWorldBounds(true);
+
+
     }
 
     private angle: number = 0;