update

Author: coderATP

README.md

@@ -12,4 +12,7 @@ TO-DO
 °Player dash animation
 °Coin particles after enemy defeat
 °Text-box when player reaches certain dominants in a scene
-°Cutscenes
+°Cutscenes
+
+FIXES
+°Touch control auto movement

index.html

@@ -64,12 +64,11 @@
                 <div id='leftControlButtons'>
                     <button id='left' class='playButtons'>l</button>
                     <button id='right' class='playButtons'>r</button>
+                    <button id='down' class='playButtons'>d</button>
                 </div>
                 <div id='rightControlButtons'>
-                    <button id='special' class='playButtons' >y</button>
                     <button id='rangedShot' class='playButtons'>a</button>
                     <button id='up' class='playButtons'>u</button>
-                    <button id='down' class='playButtons'>d</button>
                     <button id='slash' class='playButtons'>s</button>
                 </div>
                 <div id="go-to">

src/myInput.js

@@ -18,6 +18,14 @@ class Input{
                     this.keypressed = true;
                 }
             });
+            btn.addEventListener ('touchmove', (e)=>{
+                if(this.keys.indexOf(e.target.id) > -1){
+                    this.keys.splice(this.keys.indexOf(e.target.id), 1);
+                    this.lastKey = "";
+                    this.keypressed = false;
+                }
+            })
+            
             btn.addEventListener ('touchend', (e)=>{
                 if(this.keys.indexOf(e.target.id) > -1){
                     this.keys.splice(this.keys.indexOf(e.target.id), 1);

src/scenes/PlayScene.js

@@ -393,7 +393,7 @@ export class PlayScene extends BaseScene{
         //cam.roundPixels = false; 
         //lerp
         cam.setLerp(0.1, 0.1);
-        cam.fadeIn(6000);
+        cam.fadeIn(1000);
        // cam.rotateTo(0.1)
 
        return cam;

src/states/PlayerStates.js

@@ -65,6 +65,7 @@ export class PlayerIdle extends PlayerState{
             this.player.stateMachine.setState(new PlayerJump(this.player));
             myInput.keypressed = false;
         }
+        
         //climb
         if (this.player.canClimbUp || this.player.canClimbDown) {
             this.player.body.setAllowGravity(false)

style.css

@@ -139,22 +139,22 @@ section#playScreen{
 
 #leftControlButtons
 {
-   /* border: 2px solid white; */
+  /*  border: 2px solid white; */
     position: absolute;
-    bottom: 2%;
-    left: 3%;
+    bottom: 6%;
+    left: 4%;
     width: 30%;
-    height: 30%;
+    height: 35%;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 #rightControlButtons
 {
-   /* border: 2px solid white; */
+  /*  border: 2px solid white; */
     position: absolute;
-    bottom: 2%;
-    right: 3%;
+    bottom: 6%;
+    right: 4%;
     width: 30%;
     height: 40%;
     display: flex;
@@ -174,7 +174,7 @@ section#playScreen{
 }
 
 #rightControlButtons button{
-    width: 25%;
+    width: 40%;
     height: 40%;
     color: white;
     background: transparent;
@@ -188,46 +188,41 @@ section#playScreen{
 #left
 {
     position: absolute;
+    top: 0;
     left: 0;
 }
 #right
 {
     position: absolute;
+    top: 0;
     right: 0;
 }
-
-/*right control buttons*/
-#special
+#down
 {
     position: absolute;
-    top: calc(50% - 20%);
-    left: calc(50% - 12.5%);
+    bottom: 0;
+    left: calc(50%-40%);
+ 
 }
+/*right control buttons*/
 #up
 {
     position: absolute;
     top: 0;
-    right: 0;
-}
-#down
-{
-    position: absolute;
-    bottom: 3%;
-    right: 0;
- 
+    left: calc(50%-40%);
 }
+
 #rangedShot
 {
     position: absolute;
-    bottom: 3%;
-    left: 0;
+    bottom: 0;
+    right: 0;
 }
 #slash
 {
     position: absolute;
-    top: 0;
+    bottom: 0;
     left: 0;
- 
 }
 /* LEVEL-COMPLETE */
 section#levelCompleteScreen{