unable to enable p2

[Abdullah Al Rifat]

in this game i need physics for multiple objects for a group its fine to enable p2 bt whenever i tried to enable p2 for player with this line

  game.physics.p2.enable(player, false);

my screen goes black 

why is this happening ???

 

 

    var game = new Phaser.Game(window.innerWidth * window.devicePixelRatio, window.innerHeight * window.devicePixelRatio, Phaser.AUTO, '', { preload: preload, create: create, update: update});
    var player;
    var world;
    var blink;
    var rocketangel;
    var rocketdirection;
    var rocketSpeedDelta;
    var rocketradius;
    var platforms;
    var scoreText;
    var playerangle;
    var scaleRatio;
    var score;
    var asteroid;
    scaleRatio = window.devicePixelRatio / 2;

    //load images or files before game starts
    function preload()
    {
        game.load.image('background', 'assets/game/background.png');
        game.load.image('world', 'assets/game/world.png');
        game.load.image('player', 'assets/game/player.png');
        game.load.image('blink', 'assets/game/blink.png');
        game.load.image('asteroid', 'assets/game/asteroid.png');

    }


    //create all the images ans things on the screen
    function create()
    {
        score=0;
        rocketangel = 0;
        rocketdirection = 1;
        rocketSpeedDelta = 0.002;
        rocketradius = 170;
        playerangle=60;

        //  A simple background for our game
        game.add.sprite(0, 0, 'background');

        //  We're going to be using physics, so enable the Arcade Physics system
        game.physics.startSystem(Phaser.Physics.P2JS);


//  Turn on impact events for the world, without this we get no collision callbacks
        game.physics.p2.setImpactEvents(true);

        game.physics.p2.restitution = 0.8;


        //  Create our collision groups. One for the player, one for the pandas
        var playerCollisionGroup = game.physics.p2.createCollisionGroup();
        var asteroidCollisionGroup = game.physics.p2.createCollisionGroup();

        world=game.add.sprite(game.world.centerX-10, game.world.centerY-20, 'world');
        world.anchor.setTo(0.5, 0.5);
        world.scale.setTo(scaleRatio, scaleRatio);

        platforms = game.add.group();
        platforms .enableBody = true;
        platforms.physicsBodyType = Phaser.Physics.P2JS;
        for (var i = 0; i < 10; i++) {
             asteroid = platforms.create(game.world.height , game.world.width , 'asteroid');
            asteroid.anchor.setTo(0.5, 0.5);
            asteroid.scale.setTo(scaleRatio, scaleRatio);
            game.physics.p2.enable(asteroid, false);
            asteroid.body.setRectangle(40, 40);

            //  Tell the panda to use the pandaCollisionGroup
            asteroid.body.setCollisionGroup(asteroidCollisionGroup);

            //  Pandas will collide against themselves and the player
            //  If you don't set this they'll not collide with anything.
            //  The first parameter is either an array or a single collision group.
            asteroid.body.collides([asteroidCollisionGroup, playerCollisionGroup]);
        }

        //adding player
        player = game.add.sprite(game.world.centerX, game.world.centerY, 'player');
        player.anchor.setTo(0.5, 0.5);
        player.scale.setTo(scaleRatio, scaleRatio);
        //game.physics.p2.enable(player, false);
        //player.body.setCircle(28);

        //  Set the ships collision group

        //player.body.setCollisionGroup(playerCollisionGroup);

        //  The ship will collide with the pandas, and when it strikes one the hitPanda callback will fire, causing it to alpha out a bit
        //  When pandas collide with each other, nothing happens to them.

        //player.body.collides( asteroidCollisionGroup, hitPanda, this);

        //  The platforms group contains the ground and the 2 ledges we can jump on

        //asteroid.body.collideWorldBounds = true;
        //  The score
        scoreText = game.add.text(16, 16, 'score: 0', { fontSize: '32px', fill: '#FFF' });
        scoreText.scale.setTo(scaleRatio, scaleRatio);
        cursors = game.input.keyboard.createCursorKeys();



    }
    function hitPanda(body1, body2) {

        //  body1 is the space ship (as it's the body that owns the callback)
        //  body2 is the body it impacted with, in this case our panda
        //  As body2 is a Phaser.Physics.P2.Body object, you access its own (the sprite) via the sprite property:
        body2.sprite.alpha -= 0.1;

    }
    function update()
    {

        var playerangelchange;

        platforms.forEachAlive(moveBullets,this);
        platforms.forEach(function(asteroid) {
            game.physics.arcade.collide(player,asteroid,deathHandler, null, this);
        }, this);


        //keypress
        if (game.input.keyboard.isDown(Phaser.Keyboard.SPACEBAR))
        {
            //it will speed up the rocket

        }
        else if (game.input.keyboard.isDown(Phaser.Keyboard.ENTER))
        {
            //it will cause the blink
            blink= game.add.sprite(player.x, player.y, 'blink');
            blink.anchor.setTo(0.5, 0.5);
            blink.scale.setTo(scaleRatio, scaleRatio);
            game.add.tween(blink).to( { alpha: 0 }, 20, Phaser.Easing.Linear.None, true);
            //blink.destroy(true);
        }
        else if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT))
        {
            rocketdirection=-1; //change the direction
        }
        else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT))
        {
            rocketdirection=1; //change the direction
        }

        //speed of current rocket movement
        if (rocketdirection == 1)
        {
            rocketSpeedDelta = 1.14;
            playerangelchange=1.1;
        }
        else if (rocketdirection == -1)
        {
            rocketSpeedDelta = -1.14;
            playerangelchange=-1.1;
        }

        //for moving on a circular path
        scoreText.text = 'Score: ' + score;
        rocketangel += this.time.physicsElapsed * rocketSpeedDelta ;
        player.x = game.world.centerX+ Math.cos(rocketangel) * rocketradius ;
        player.y = game.world.centerY+Math.sin(rocketangel) * rocketradius ;
        playerangle+=playerangelchange;
        player.angle=playerangle;



    }
    function moveBullets (asteroid) {
        setTimeout(accelerateToObject(asteroid,world,30),50000);  //start accelerateToObject on every bullet
    }
    function accelerateToObject(obj1, obj2, speed) {
        if (typeof speed === 'undefined') { speed = 60; }
        var angle = Math.atan2(obj2.y - obj1.y, obj2.x - obj1.x);
        //obj1.body.rotation = angle + game.math.degToRad(90);  // correct angle of angry bullets (depends on the sprite used)
        obj1.body.force.x = Math.cos(angle) * speed;    // accelerateToObject
        obj1.body.force.y = Math.sin(angle) * speed;
    }
   function deathHandler() {
        this.game.state.start("gameover");
    };

</script>

</body>
</html>