Live
x
class Example extends Phaser.Scene { constructor() { super({ key: "Example" }); } preload() { // Source : https://miguelsgp.itch.io/free-tileset-dungeon this.load.image( "ground", "https://assets.codepen.io/9367036/Dark_lvl1_selected.png" ); // Source : https://gandalfhardcore.itch.io/free-pixel-art this.load.spritesheet( "dude", "https://assets.codepen.io/9367036/GandalfHardcore+Warrior.png", { frameWidth: 80, frameHeight: 64 } ); } create() { // Plateformes this.platforms = this.physics.add.staticGroup(); this.platforms.create(config.width / 2, config.height, "ground"); this.platforms.create(config.width / 2, config.height / 2, "ground"); this.platforms.create(config.width / 4, config.height / 1.33, "ground"); this.platforms.create(config.width / 1.33, config.height / 1.33, "ground"); // Désactivation de la collision par le bas this.platforms.children.iterate((platform) => { platform.body.checkCollision.up = true; platform.body.checkCollision.down = false; platform.body.checkCollision.right = false; platform.body.checkCollision.left = false; }); // Joueur this.player = this.physics.add.sprite(config.width / 2, 0, "dude"); this.player.setBounce(0); this.player.setSize(16, 46); this.player.setOffset(32, 18); this.player.body.setGravityY(1000); this.anims.create({ key: "walk", frames: this.anims.generateFrameNumbers("dude", { start: 10, end: 17 }), frameRate: 10, repeat: -1 }); this.anims.create({ key: "idle", frames: this.anims.generateFrameNumbers("dude", { start: 0, end: 4 }), frameRate: 10, repeat: -1 }); this.anims.create({ key: "jump", frames: this.anims.generateFrameNumbers("dude", { start: 40, end: 43 }), frameRate: 10, repeat: -1 }); this.anims.create({ key: "fall", frames: this.anims.generateFrameNumbers("dude", { start: 50, end: 53 }), frameRate: 10, repeat: -1 }); // Collision this.playerCollider = this.physics.add.collider( this.player, this.platforms ); // Touches this.cursors = this.input.keyboard.addKeys({ down: Phaser.Input.Keyboard.KeyCodes.S, left: Phaser.Input.Keyboard.KeyCodes.A, right: Phaser.Input.Keyboard.KeyCodes.D, jump: Phaser.Input.Keyboard.KeyCodes.SPACE }); } update() { // ← → if (this.cursors.left.isDown) { this.player.setVelocityX(-160); this.player.anims.play("walk", true); this.player.flipX = false; } else if (this.cursors.right.isDown) { this.player.setVelocityX(160); this.player.anims.play("walk", true); this.player.flipX = true; } else { this.player.setVelocityX(0); this.player.anims.play("idle", true); } // Saut if (this.cursors.jump.isDown && this.player.body.touching.down) { this.player.setVelocityY(-500); } if (!this.player.body.touching.down) { if (this.player.body.velocity.y < 0) { this.player.anims.play("jump", true); } else if (this.player.body.velocity.y > 0) { this.player.anims.play("fall", true); } } else { if (this.player.body.velocity.x !== 0) { this.player.anims.play("walk", true); } else { this.player.anims.play("idle", true); } } // Tomber à travers la plateforme if ( this.cursors.down.isDown && this.cursors.jump.isDown && this.player.body.touching.down ) { this.playerCollider.active = false; this.player.setVelocityY(300); } else { this.playerCollider.active = true; } // Mort if (this.player.y > config.height + this.player.height) { this.player.setPosition(config.width / 2, 0); } }}const config = { type: Phaser.AUTO, width: 800, height: 400, scene: Example, pixelArt: true, transparent: true, physics: { default: "arcade", arcade: { debug: false } }};const game = new Phaser.Game(config);activateControls(["A", "S", "D", "space"]);