In last week’s post, we explored how to use gravity in Phaser 3<\/a>. Now we will defy that gravity and make the ball jump<\/strong>. We can do this by setting the velocity of the ball to counteract the gravity. <\/p>\n\n\n\n

So far in the code, we’ve set up a ball that falls until it collides against a platform. Here is the code up to this point:<\/p>\n\n\n\n

class SceneMain extends Phaser.Scene {\n    constructor() {\n        super('SceneMain');\n    }\n    preload() {\n        \/\/load our images or sounds \n        this.load.image(\"ball\", \"images\/ball.png\");\n        this.load.image(\"block\", \"images\/block.png\");\n    }\n    create() {\n        \/\/define our objects\n        let ball = this.physics.add.sprite(this.sys.game.config.width \/ 2, 0, \"ball\");\n        \/\/set the gravity\n        ball.setGravityY(100);\n        \/\/place the ground\n        let groundX = this.sys.game.config.width \/ 2;\n        let groundY = this.sys.game.config.height * .95;\n        let ground = this.physics.add.sprite(groundX, groundY, \"block\");\n        \/\/size the ground\n        ground.displayWidth = this.sys.game.config.width * 1.1;\n        \/\/make the ground stay in place\n        ground.setImmovable();\n        \/\/add the colliders\n        this.physics.add.collider(ball, ground);\n    }\n    update() {\n        \/\/constant running loop\n    }\n}<\/code><\/pre>\n\n\n\n