Added phaser build and hellophaser sample

2014-06-09 21:32:48 -07:00
parent 49f23abbe8
commit 48b5c5714a
856 changed files with 954584 additions and 0 deletions
--- a/resources/tutorials/Spanish/02
+++ b/resources/tutorials/Spanish/02
@@ -0,0 +1,74 @@
+<!doctype html> 
+<html lang="en"> 
+<head> 
+	<meta charset="UTF-8" />
+	<title>Phaser - Creando tu primer juego, parte 5</title>
+	<script type="text/javascript" src="js/phaser.min.js"></script>
+    <style type="text/css">
+        body {
+            margin: 0;
+        }
+    </style>
+</head>
+<body>
+
+<script type="text/javascript">
+
+var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create, update: update });
+
+function preload() {
+
+    game.load.image('sky', 'assets/sky.png');
+    game.load.image('ground', 'assets/platform.png');
+    game.load.image('star', 'assets/star.png');
+    game.load.spritesheet('dude', 'assets/dude.png', 32, 48);
+
+}
+
+var platforms;
+
+function create() {
+
+    //  Un fondo simple para nuestro juego
+    game.add.sprite(0, 0, 'sky');
+
+    //  El grupo 'platforms' contiene el suelo y las dos plataformas sobre las que podemos saltar
+    platforms = game.add.group();
+
+    // Aquí creamos el suelo
+    var ground = platforms.create(0, game.world.height - 64, 'ground');
+
+    // Lo escalamos para que se ajuste al ancho del juego (el sprite original es 400x32)
+    ground.scale.setTo(2, 2);
+
+    //  Esto hace que el suelo no se caiga cuando saltas en él. Lo hace inmóvil
+    ground.body.immovable = true;
+
+    //  Creamos las dos plataformas
+    var ledge = platforms.create(400, 400, 'ground');
+    ledge.body.immovable = true;
+
+    ledge = platforms.create(-150, 250, 'ground');
+    ledge.body.immovable = true;
+
+    // El jugador y su configuración
+    player = game.add.sprite(32, game.world.height - 150, 'dude');
+
+    //  Las propiedades físicas del jugador. Le damos al chaval un pequeño rebote al caer (bounce)
+    player.body.bounce.y = 0.2;
+    player.body.gravity.y = 6; //gravedad
+    player.body.collideWorldBounds = true; //choque con los bordes del juego
+
+    // Las dos animaciones del jugador, andar izquierda y derecha ('left' y 'right', resp.)
+    player.animations.add('left', [0, 1, 2, 3], 10, true);
+    player.animations.add('right', [5, 6, 7, 8], 10, true);
+
+}
+
+function update() {
+}
+
+</script>
+
+</body>
+</html>