mirror of
https://github.com/photonstorm/phaser
synced 2024-12-12 14:22:54 +00:00
6cabb03a82
Phaser.Image is a brand new display object perfect for logos, backgrounds, etc. You can scale, rotate, tint and blend and Image, but it has no animation, physics body or input events. Previously if you used Sprite.crop() it would crop all Sprites using the same base image. It now takes a local copy of the texture data and crops just that.
54 lines
868 B
JavaScript
54 lines
868 B
JavaScript
|
|
// var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update, render: render });
|
|
var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
|
|
|
|
function preload() {
|
|
|
|
game.load.image('pic', 'assets/pics/backscroll.png');
|
|
|
|
}
|
|
|
|
var image;
|
|
var image2;
|
|
var r;
|
|
|
|
function create() {
|
|
|
|
image = game.add.image(32, 50, 'pic');
|
|
|
|
image2 = game.add.image(32, 250, 'pic');
|
|
|
|
r = new Phaser.Rectangle(0, 0, 100, 100);
|
|
|
|
image2.crop(r);
|
|
|
|
game.input.onDown.add(tint, this);
|
|
|
|
}
|
|
|
|
function tint() {
|
|
|
|
image.tint = Math.random() * 0xFFFFFF;
|
|
|
|
}
|
|
|
|
function update() {
|
|
|
|
if (r && r.width < 300)
|
|
{
|
|
r.width += 1;
|
|
image2.crop(r);
|
|
}
|
|
else
|
|
{
|
|
image2.crop();
|
|
r = null;
|
|
}
|
|
|
|
}
|
|
|
|
function render() {
|
|
|
|
game.debug.renderText(image2.width, 32, 32);
|
|
|
|
}
|