JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/phaser-ce/2.10.2/phaser.js"></script>
JavaScript
var game = new Phaser.Game(780, 500, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update});
var crouchFlag = false;
function preload() {
game.stage.backgroundColor = '#85b5e1';
game.load.image('enemy', 'http://i.imgur.com/VKpkHXz.png');
game.load.image('player', 'http://examples.phaser.io/assets/sprites/phaser-dude.png');
game.load.image('platform', 'http://examples.phaser.io/assets/sprites/platform.png');
}
function create() {
player = game.add.sprite(100, 200, 'player');
enemy = game.add.sprite(390, 410, 'enemy');
enemy.anchor.setTo(0.5,0.5);
game.physics.arcade.enable(player);
player.body.collideWorldBounds = true;
player.body.gravity.y = 800;
platforms = game.add.physicsGroup();
platforms.create(0, 450, 'platform');
platforms.create(400, 450, 'platform');
platforms.setAll('body.immovable', true);
cursors = game.input.keyboard.createCursorKeys();
jumpButton = game.input.keyboard.addKey(Phaser.Keyboard.SPACEBAR);
jumpButton2 = game.input.keyboard.addKey(Phaser.Keyboard.UP);
}
function update () {
game.physics.arcade.collide(player, platforms);
player.body.velocity.x = 0;
if (cursors.left.isDown)
{
player.body.velocity.x = -250;
}
else if (cursors.right.isDown)
{
player.body.velocity.x = 250;
}
if (jumpButton.isDown && (player.body.onFloor() || player.body.touching.down))
{
player.body.velocity.y = -600;
}
/*
if (player.x > 340)
{
enemy.scale.x = -1;
}else{
enemy.scale.x = 1;
}
*/
}