phaser/examples/input/motion lock - vertical.php

<?php
    $title = "Enable vertical drag bounds";
    require('../head.php');
?>

<script type="text/javascript">

(function () {

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

    function preload() {

        //  Using Phasers asset loader we load up a PNG from the assets folder
        game.load.image('sprite', 'assets/sprites/darkwing_crazy.png');
        

    }

    var sprite;

    function create() {

        game.stage.backgroundColor = 'rgb(85,85,85)';

        sprite = game.add.sprite(200, 200, 'sprite');

        //  Enable Input detection. Sprites have this disabled by default, 
        //  so you have to start it if you want to interact with them.
        sprite.input.start(0,true);

        //  This allows you to drag the sprite. The parameter controls if you drag from the position you touched it (false)
        //  or if it will snap to the center (true)
        sprite.input.enableDrag();

        //  This will lock the sprite so it can only be dragged vertically, not horizontally
        sprite.input.allowHorizontalDrag = false;

    }

    function render() {

        game.debug.renderInputInfo(32, 32);
        game.debug.renderSpriteInputInfo(sprite, 300, 32);

    }

})();

</script>

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