Added the ability to crop a sprite with a custom Rectangle.

2026-09-12 12:40:47 +08:00 · 2013-09-11 03:55:53 +01:00
parent 48ed27dfcc
commit e79dd5856d
5 changed files with 205 additions and 19 deletions
@@ -0,0 +1,46 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <title>phaser.js - a new beginning</title>
+    <?php
+        require('js.php');
+    ?>
+</head>
+<body>
+
+<script type="text/javascript">
+
+(function () {
+
+    var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create, update: update });
+
+    function preload() {
+        game.load.image('trsi', 'assets/pics/trsipic1_lazur.jpg');
+    }
+
+    var r;
+    var pic;
+
+    function create() {
+
+        pic = game.add.sprite(game.world.centerX, 550, 'trsi');
+        pic.anchor.setTo(0.5, 1);
+
+        r = new Phaser.Rectangle(0, 0, 200, pic.height);
+
+        game.add.tween(r).to( { x: pic.width - 200 }, 3000, Phaser.Easing.Bounce.Out, true, 0, 1000, true);
+
+    }
+
+    function update() {
+
+        //  Apply the new crop Rectangle to the sprite
+        pic.crop = r;
+
+    }
+
+})();
+</script>
+
+</body>
+</html>