Phaser updown test p2

phaser tests

by luckylooke

HTML

<script src="http://examples.phaser.io/_site/js/phaser.js"></script>

JavaScript

var state = {
    preload: function () {
        game.load.image('background', 'img/starfield.jpg');
        utils.draw('fighter', drawings.fighter, 30, 30);
        utils.draw('thruster1', drawings.thruster, 10, 10);
        utils.draw('thruster2', drawings.thruster, 10, 10);
    },
    create: function () {

        game.physics.startSystem(Phaser.Physics.P2JS);

        var bg = game.add.tileSprite(game.width / 2, game.height * 3 / 4, 10000, 10000, 'background');
        //bg.fixedToCamera = true;
        bg.anchor.setTo(0.5, 0.5);
        // bg.angle = 90;
        this.bg = bg;
        
        game.world.setBounds(-5000, -5000, 10000, 10000);

        var fighter = game.add.sprite(0, 0, game.cache.getBitmapData('fighter'));
        fighter.anchor.setTo(0.5, 0.5);
        //fighter.body.drag.set(0);
        //fighter.angle = -90;
        this.fighter = fighter;
        
        //fighter.fixedToCamera = true;
        game.camera.follow(fighter);
        
        var thruster1 = game.add.sprite(-8, 12, game.cache.getBitmapData('thruster1'));
        thruster1.anchor.setTo(0.5, 0.5);
        //thruster1.angle = -90;
        this.fighter.thruster1 = thruster1;
        
        var thruster2 = game.add.sprite(8, 12, game.cache.getBitmapData('thruster2'));
        thruster2.anchor.setTo(0.5, 0.5);
        //thruster2.angle = -90;
        this.fighter.thruster2 = thruster2;

        game.physics.p2.enable([fighter, thruster1, thruster2]);
        game.physics.p2.createLockConstraint(fighter, thruster1, [8, -12], 0).collideConnected = false;
        game.physics.p2.createLockConstraint(fighter, thruster2, [-8, -12], 0).collideConnected = false;
        fighter.mass=1;
        thruster1.mass=0.1;
        thruster2.mass=0.1;

        this.cursors = game.input.keyboard.createCursorKeys();

        // DEBUG TEXTS CREATE
        var style = {
            font: "15px Arial",
            fill: "#ffffff",
            align: "center",
            wordWrapWidth: 440,
        ...