Add level1 initial structure

diguifi · Aug 18, 2018 · 8f0a383 · 8f0a383
1 parent 3910007
commit 8f0a383
Show file tree

Hide file tree

Showing 13 changed files with 88 additions and 30 deletions.
diff --git a/Dude-SideScroller.csproj b/Dude-SideScroller.csproj
@@ -56,6 +56,7 @@
     <TypeScriptSourceRoot />
   </PropertyGroup>
   <ItemGroup>
+    <Content Include="assets\levels\level1.png" />
     <Content Include="assets\sprites\dudeD0.png" />
     <Content Include="build\phaser.map" />
     <None Include="Web.Debug.config">
@@ -77,6 +78,7 @@
     <TypeScriptCompile Include="scripts\app.ts" />
     <TypeScriptCompile Include="engine\phaser.d.ts" />
     <TypeScriptCompile Include="scripts\Game.ts" />
+    <TypeScriptCompile Include="scripts\levels\Level1.ts" />
     <TypeScriptCompile Include="scripts\Player.ts" />
   </ItemGroup>
   <ItemGroup>

diff --git a/assets/levels/level1.png b/assets/levels/level1.png
diff --git a/assets/sprites/dudeD0.png b/assets/sprites/dudeD0.png
diff --git a/index.html b/index.html
@@ -7,14 +7,15 @@
 	<title>Dude Game</title>
 	<link rel="stylesheet" href="style/app.css" type="text/css" />
 	<script src="engine/phaser.js"></script>
+	<script src="scripts/levels/Level1.js"></script>
 	<script src="scripts/Player.js"></script>
 	<script src="scripts/Game.js"></script>
 
 </head>
 
 <body>
 
-    <h1>Whoa! Gravity already?</h1>
+	<center><h1>Preety background, isn't it?</h1></center>
 
     <div id="content"></div>
 

diff --git a/scripts/Game.js b/scripts/Game.js
diff --git a/scripts/Game.js.map b/scripts/Game.js.map
diff --git a/scripts/Game.ts b/scripts/Game.ts
@@ -4,7 +4,7 @@
 
         constructor() {
             this.game = new Phaser.Game(
-                800, 600,
+                800, 400,
                 Phaser.AUTO,
                 'content',
                 {
@@ -15,13 +15,15 @@
                 true,
                 Phaser.Physics.Arcade
             );
+
+            this.game.state.add('Level1', Level1, false);
         }
 
         game: Phaser.Game;
-        player: Diguifi.Player;
 
         preload() {
-            this.game.load.image('dude', 'assets/sprites/dudeD0.png');
+            this.game.load.image('dude', 'assets/sprites/dudeD0.png?v=1');
+            this.game.load.image('level1', 'assets/levels/level1.png?v=1');
         }
 
         create() {
@@ -36,7 +38,7 @@
             this.game.physics.arcade.gravity.y = 200;
             this.game.stage.backgroundColor = "#a9f0ff";
 
-            this.player = new Diguifi.Player(this.game, 130, 284);
+            this.game.state.start('Level1');
         }
     }
 }

diff --git a/scripts/Player.js b/scripts/Player.js
diff --git a/scripts/Player.js.map b/scripts/Player.js.map
diff --git a/scripts/Player.ts b/scripts/Player.ts
@@ -2,23 +2,26 @@
 
     export class Player extends Phaser.Sprite {
 
-        constructor(game: Phaser.Game, x: number, y: number) {
+        constructor(game: Phaser.Game, x: number, y: number, speed, gravity) {
             super(game, x, y, 'dude');
 
-            this.scale.setTo(2, 2);
+            this.size = 0.2;
+            this.scale.setTo(this.size, this.size);
 
             this.game.physics.arcade.enableBody(this);
             this.body.collideWorldBounds = true;
+            this.body.gravity.y = gravity;
             this.body.bounce.y = 0.2;
 
             this.anchor.setTo(0.5, 0);
 
-            this.speed = 100;
-            this.jumpStrength = 150;
+            this.speed = speed;
+            this.jumpStrength = gravity + (gravity * 0.33);
 
             game.add.existing(this);
         }
 
+        size: number;
         speed: number;
         jumpStrength: number;
         movingRight: boolean;
@@ -43,17 +46,17 @@
             this.body.velocity.x = this.speed;
             this.movingRight = true;
 
-            if (this.scale.x == -2) {
-                this.scale.x = 2;
+            if (this.scale.x == -this.size) {
+                this.scale.x = this.size;
             }
         }
 
         moveLeft() {
             this.body.velocity.x = -this.speed;
             this.movingRight = false;
 
-            if (this.scale.x == 2) {
-                this.scale.x = -2;
+            if (this.scale.x == this.size) {
+                this.scale.x = -this.size;
             }
         }
 
@@ -63,10 +66,10 @@
                 this.jumping = true;
 
                 if (this.movingRight) {
-                    this.scale.x = 2;
+                    this.scale.x = this.size;
                 }
                 else {
-                    this.scale.x = -2;
+                    this.scale.x = -this.size;
                 }
             }
         }

diff --git a/scripts/levels/Level1.js b/scripts/levels/Level1.js
diff --git a/scripts/levels/Level1.js.map b/scripts/levels/Level1.js.map
diff --git a/scripts/levels/Level1.ts b/scripts/levels/Level1.ts
@@ -0,0 +1,19 @@
+module Diguifi {
+
+    export class Level1 extends Phaser.State {
+
+        background: Phaser.Sprite;
+        music: Phaser.Sound;
+        player: Diguifi.Player;
+
+        create() {
+
+            this.background = this.add.sprite(0, 0, 'level1');
+
+            this.player = new Diguifi.Player(this.game, 130, 284, 150, 200);
+
+        }
+
+    }
+
+}