Added Sprite.centerOn(x,y) and fixed the InputHander snap as a result.

2026-07-01 16:50:43 +08:00 · 2013-09-13 04:37:06 +01:00
parent 62d77e7038
commit fd0a071cb3
4 changed files with 117 additions and 8 deletions
@@ -0,0 +1,54 @@
+<!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 });
+
+    function preload() {
+
+        game.load.image('grid', 'assets/tests/debug-grid-1920x1920.png');
+        game.load.image('atari1', 'assets/sprites/atari130xe.png');
+        game.load.image('atari2', 'assets/sprites/atari800xl.png');
+
+    }
+
+    function create() {
+
+        game.add.sprite(0, 0, 'grid');
+
+        atari1 = game.add.sprite(128, 128, 'atari1');
+        atari2 = game.add.sprite(256, 256, 'atari2');
+
+        //  Input Enable the sprites
+        atari1.inputEnabled = true;
+        atari2.inputEnabled = true;
+
+        //  Allow dragging
+        //  enableDrag parameters = (lockCenter, bringToTop, pixelPerfect, alphaThreshold, boundsRect, boundsSprite)
+        atari1.input.enableDrag();
+        atari2.input.enableDrag();
+
+        //  Enable snapping. For the atari1 sprite it will snap as its dragged around and on release.
+        //  The snap is set to every 32x32 pixels.
+        atari1.input.enableSnap(32, 32, true, true);
+
+        //  For the atari2 sprite it will snap only when released, not on drag.
+        atari2.input.enableSnap(32, 32, false, true);
+
+    }
+
+})();
+</script>
+
+</body>
+</html>