phaser/examples/collision/vertical collision.php

<?php
    $title = "Vertical bounding box";
    require('../head.php');
?>

<script type="text/javascript">



    var game = new Phaser.Game(800, 600, Phaser.CANVAS, '', { preload: preload, create: create, update: update, render: render });

    function preload() {

        game.load.image('atari', 'assets/sprites/atari130xe.png');
        game.load.image('mushroom', 'assets/sprites/mushroom2.png');

    }

    var sprite1;
    var sprite2;

    function create() {

        game.stage.backgroundColor = '#2d2d2d';

        sprite1 = game.add.sprite(300, 50, 'atari');
        sprite1.name = 'atari';
        sprite1.body.velocity.y = 100;

        //  This adjusts the collision body size.
        //  100x100 is the new width/height.
        //  See the offset bounding box for another example.
        sprite1.body.setSize(220, 50, 0, 0);

        sprite2 = game.add.sprite(400, 500, 'mushroom');
        sprite2.name = 'mushroom';
        sprite2.body.immovable = true;
        // sprite2.body.velocity.x = -100;

    }

    function update() {

        // object1, object2, collideCallback, processCallback, callbackContext
        game.physics.collide(sprite1, sprite2, collisionHandler, null, this);

    }

    function collisionHandler (obj1, obj2) {

        game.stage.backgroundColor = '#992d2d';

        console.log(obj1.name + ' collided with ' + obj2.name);

    }

    function render() {

        game.debug.renderSpriteInfo(sprite1, 32, 32);
        game.debug.renderSpriteCollision(sprite1, 32, 400);

        game.debug.renderSpriteBody(sprite1);
        game.debug.renderSpriteBody(sprite2);

    }


</script>

<?php
    require('../foot.php');
?>