Testing some new Camera tricks.

2026-08-11 11:23:06 +08:00 · 2013-10-03 23:20:24 +01:00
parent c8760b4341
commit 54f073e5cb
12 changed files with 171 additions and 24 deletions
@@ -1,4 +1,4 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html>
 <head>
 	<meta charset="UTF-8" />
@@ -7,7 +7,7 @@

 (function () {

-    var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create });
+    var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create, update: update });

    function preload() {

@@ -15,9 +15,17 @@

    }

+    var text;
+
    function create() {

-        game.add.bitmapText(200, 100, 'Phaser & Pixi\nrocking!', { font: '64px Desyrel', align: 'center' });
+        text = game.add.bitmapText(200, 100, 'Phaser & Pixi\nrocking!', { font: '64px Desyrel', align: 'center' });
+
+    }
+
+    function update() {
+
+        text.setText('Phaser & Pixi\nrocking!\n' + Math.round(game.time.now));

    }

@@ -0,0 +1,111 @@
+ 
+ <?php
+	$title = "Moving around the World";
+	require('../head.php');
+?>
+
+<script type="text/javascript">
+
+window.onload = function () {
+
+    var game = new Phaser.Game(800, 600, Phaser.CANVAS, '', { preload: preload, create: create, update: update, render : render });
+	// var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create, update: update, render: render });
+
+    function preload() {
+
+        // game.world.setSize(1920, 1200);
+
+        game.load.image('backdrop', 'assets/pics/remember-me.jpg');
+        game.load.image('mushroom', 'assets/sprites/mushroom.png');
+        game.load.image('phaser', 'assets/sprites/sonic_havok_sanity.png');
+
+    }
+
+    var cursors;
+    var d;
+
+    function create() {
+
+        game.add.sprite(0, 0, 'backdrop');
+ 
+        for (var i = 0; i < 100; i++)
+        {
+            game.add.sprite(game.world.randomX, game.world.randomY, 'mushroom');
+        }
+
+        d = game.add.sprite(200, 200, 'phaser');
+        d.anchor.setTo(0.5, 0.5);
+
+        cursors = game.input.keyboard.createCursorKeys();
+
+        console.log(game.camera.displayObject.length);
+        // console.log(game.camera.displayObject.children[0].name);
+
+    }
+
+    function update() {
+
+        if (cursors.up.isDown)
+        {
+            if (cursors.up.shiftKey)
+            {
+                d.angle++;
+            }
+            else
+            {
+                game.camera.y -= 4;
+            }
+        }
+        else if (cursors.down.isDown)
+        {
+            if (cursors.down.shiftKey)
+            {
+                d.angle--;
+            }
+            else
+            {
+                game.camera.y += 4;
+            }
+        }
+
+        if (cursors.left.isDown)
+        {
+            if (cursors.left.shiftKey)
+            {
+                game.camera.displayObject.rotation -= 0.05;
+            }
+            else
+            {
+                game.camera.x -= 4;
+            }
+        }
+        else if (cursors.right.isDown)
+        {
+            if (cursors.right.shiftKey)
+            {
+                game.camera.displayObject.rotation += 0.05;
+            }
+            else
+            {
+                game.camera.x += 4;
+            }
+        }
+
+    }
+
+    function render() {
+
+        game.debug.renderCameraInfo(game.camera, 32, 32);
+        game.debug.renderWorldTransformInfo(d, 32, 200);
+        game.debug.renderLocalTransformInfo(d, 32, 400);
+        game.debug.renderSpriteCorners(d, false, true);
+
+    }
+
+};
+
+</script>
+
+<?php
+	require('../foot.php');
+?>