Phaser Mask

by karasutengu

CSS

body {
    background-color: #000000; 
    border: 0; 
    margin: 0;
    overflow: hidden: 
  }

JavaScript

var mask;
var img;

function preload() {
  game.load.image('back', 'https://dl.dropboxusercontent.com/u/9780255/ic1396-800.jpg');
}

function create() {
  img = game.add.image(game.world.centerX, game.world.centerY,'back').anchor.setTo(0.5);
  mask = game.add.graphics(0, 0);
  mask.beginFill(0xffffff);
  mask.drawCircle(game.world.centerX, game.world.centerY, 600);
  img.mask = mask;
}


var game = new Phaser.Game("100%", "100%", 
  Phaser.AUTO, 'particles', {preload:preload, create:create});