var config = { type: Phaser.AUTO, width: 800, height: 600, backgroundColor: '#1b1464', parent: 'phaser-example', physics: { default: 'matter', matter: { debug: true, gravity: { y: 0.3 }, } }, scene: { preload: preload, create: create } }; var game = new Phaser.Game(config); function preload () { this.load.setBaseURL('https://cdn.phaserfiles.com/v355'); this.load.image('platform', 'assets/sprites/platform.png'); this.load.image('mushroom', 'assets/sprites/mushroom2.png'); } function create () { var image1 = this.add.image(0, -30, 'mushroom'); var image2 = this.add.image(-40, 30, 'mushroom'); var image3 = this.add.image(40, 30, 'mushroom'); container = this.add.container(100, 100, [ image1, image2, image3 ]); // A Container has a default size of 0x0, so we need to give it a size before enabling a physics body container.setSize(128, 64); var physicsContainer = this.matter.add.gameObject(container); physicsContainer.setFrictionAir(0.001); physicsContainer.setBounce(0.9); this.matter.add.image(350, 450, 'platform', null, { isStatic: true }).setScale(2, 0.5).setAngle(10); }
Scan to open on your mobile device
var config = { type: Phaser.AUTO, width: 800, height: 600, backgroundColor: '#1b1464', parent: 'phaser-example', physics: { default: 'matter', matter: { debug: true, gravity: { y: 0.3 }, } }, scene: { preload: preload, create: create } }; var game = new Phaser.Game(config); function preload () { this.load.setBaseURL('https://cdn.phaserfiles.com/v355'); this.load.image('platform', 'assets/sprites/platform.png'); this.load.image('mushroom', 'assets/sprites/mushroom2.png'); } function create () { var image1 = this.add.image(0, -30, 'mushroom'); var image2 = this.add.image(-40, 30, 'mushroom'); var image3 = this.add.image(40, 30, 'mushroom'); container = this.add.container(100, 100, [ image1, image2, image3 ]); // A Container has a default size of 0x0, so we need to give it a size before enabling a physics body container.setSize(128, 64); var physicsContainer = this.matter.add.gameObject(container); physicsContainer.setFrictionAir(0.001); physicsContainer.setBounce(0.9); this.matter.add.image(350, 450, 'platform', null, { isStatic: true }).setScale(2, 0.5).setAngle(10); }