Implementing Double-Jump Phaser 3

Question

Hi I am trying to implement a double jump using javascript and phaser 3 library but it wont work and i cant figure out why.I have declared this.canDoubleJump as true in create(), Here is the code to my update function.


        const didPressJump = this.cursors.space.isDown;

        if (didPressJump) {
            if (this.player.body.onFloor()) {
                this.canDoubleJump = true;
                this.player.play('pablo_jump', true);
                this.player.body.setVelocityY(-200);
            } else if (this.canDoubleJump) {
                this.canDoubleJump = false;
                this.player.body.setVelocityY(-200);
            }
        }

EDIT:

        let justPressedJump = this.cursors.space.isDown;
        
        if (!justPressedJump && this.player.body.onFloor()) {
            this.player.allowedToJump = true;
        }
        
        if (justPressedJump && this.player.body.onFloor() && this.player.allowedToJump) {
           
            this.canDoubleJump = true;
            this.player.body.setVelocityY(-200);
            this.player.allowedToJump = false;
        }
        else if(this.canDoubleJump){
            console.log(this.canDoubleJump)
            this.player.body.setVelocityY(-200);
            this.canDoubleJump = false;
        }

SOLUTION:

        const didPressJump =Phaser.Input.Keyboard.JustDown(this.cursors.space);

        if (didPressJump) {
          if (this.player.body.onFloor()) {
            this.canDoubleJump = true;
            this.player.body.setVelocityY(-200);
            this.player.play('pablo_jump', true)
          } else if (this.canDoubleJump) {
            this.canDoubleJump = false;
            this.player.body.setVelocityY(-200);
            this.player.play('pablo_double_jump', true)
          }
        }

score 2 · Accepted Answer · 2021-03-16 11:43:44Z

2

The reason your code doesn't work:

The user presses space bar, e.g. for 0.3 seconds
didPressJump is true, this.player.body.onFloor() is true. Player jumps
After one frame, e.g. 1/30 = 0.0333 seconds, didPressJump is still true but this.player.body.onFloor() is false. Player double jumps in the very next frame.

Solution:

Double jump can only be triggered after user released space bar.

There is also another "bug". When the player is falling (!this.player.body.onFloor())) but didn't jump before, double jump is not possible. But if player jumps, lands on the floor and then is falling, a double jump is possible.

edited Mar 16, 2021 at 11:43

answered Mar 16, 2021 at 11:36

user15388024

Sign up to request clarification or add additional context in comments.

4 Comments

Ecburt Over a year ago

Thanks I understand why its not working now Im just trying to find a different way to test the input. If i use onDown or onUp he just jumps over and over. Cant find any onrelease or anything in the docs...

user15388024 Over a year ago

@BenMarr If there is no onrelease you can create your own onrelease. Store the previous state of didPressJump and compare it with the current state.

user15388024 Over a year ago

@BenMarr I think you should ask a new question. My answer answers your initial question. Another answer could answer your edit and this becomes confusing.

Ecburt Over a year ago

It answers the question but i still cant get the double jump to work. I will post a solution if i find it

Collectives™ on Stack Overflow

Implementing Double-Jump Phaser 3

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related