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

2026-09-11 12:31:29 +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,48 @@
+<!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(0, 0, 'trsi');
+
+        r = new Phaser.Rectangle(0, 0, 200, 200);
+
+    }
+
+    function update() {
+
+        r.x = game.input.x;
+        r.y = game.input.y;
+        pic.x = game.input.x;
+        pic.y = game.input.y;
+
+        //  Apply the new crop Rectangle to the sprite
+        pic.crop = r;
+
+    }
+
+})();
+</script>
+
+</body>
+</html>