Input Component done and new Button object done and included. Also finished the build script.

2026-07-13 01:00:12 +08:00 · 2013-09-09 00:30:44 +01:00
parent 50624c1552
commit 9b6c819e0e
16 changed files with 26055 additions and 29119 deletions
@@ -0,0 +1,65 @@
+<!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.CANVAS, '', { preload: preload, create: create, render: render });
+
+    function preload() {
+
+        game.load.image('beast', 'assets/pics/shadow_of_the_beast2_karamoon.png');
+        game.load.spritesheet('button', 'assets/buttons/button_sprite_sheet.png', 193, 71);
+
+    }
+
+    var image;
+    var button;
+
+    function create() {
+
+        //  This is just an image that we'll toggle the display of when you click the button
+        image = game.add.sprite(game.world.centerX, 0, 'beast');
+        image.anchor.setTo(0.5, 0);
+
+        //  This button is created from a sprite sheet.
+        //  Frame 0 = the 'down' state
+        //  Frame 1 = the 'out' state
+        //  Frame 2 = the 'over' state
+        //  The function "clickedIt" will be called when the button is clicked or touched
+        button = game.add.button(game.world.centerX, 400, 'button', clickedIt, this, 2, 1, 0);
+
+        //  Just makes the button origin set to the middle, we only do this to center the button on-screen, no other reason
+        button.anchor.setTo(0.5, 0.5);
+
+    }
+
+    function clickedIt() {
+
+        if (image.visible == true)
+        {
+            image.visible = false;
+        }
+        else
+        {
+            image.visible = true;
+        }
+
+    }
+
+    function render() {
+    }
+
+})();
+</script>
+
+</body>
+</html>