phaser/v2/resources/tutorials/Spanish/02 Creando tu primer juego/part9.html

<!doctype html> 
<html lang="en"> 
<head> 
	<meta charset="UTF-8" />
	<title>Phaser - Creando tu primer juego, parte 9</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 player;
var platforms;
var cursors;

var stars;
var score = 0;
var scoreText;

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);
    
    // Añadimos un grupo para meter las estrellas
    stars = game.add.group();

    //  Creamos 12 estrellas y las esparcimos por el escenario
    for (var i = 0; i < 12; i++)
    {
        //  Creamos una estrella dentro del grupo 'stars'
        var star = stars.create(i * 70, 0, 'star');

        //  Le aplicamos gravedad
        star.body.gravity.y = 6;

        //  ..y un cierto valor de rebote
        star.body.bounce.y = 0.7 + Math.random() * 0.2;
    }

    //  Añadimos el marcador de la puntuación
    scoreText = game.add.text(16, 16, 'score: 0', { fontSize: '32px', fill: '#000' });

    //  Los controles del jugador con teclado
    cursors = game.input.keyboard.createCursorKeys();
    
}

function update() {

    //  Hacer que el jugador y las estrellas colisionen con las plataformas
    game.physics.collide(player, platforms);
    game.physics.collide(stars, platforms);

    // Comprobar si el jugador se solapa con alguna estrella. Si es así, llamamos a la función 'collectStar'
    game.physics.overlap(player, stars, collectStar, null, this);

    //  Resetear la velocidad del jugador (movimiento)
    player.body.velocity.x = 0;

    if (cursors.left.isDown) //si se presiona la tecla izda..
    {
        //  Mover a la izquierda
        player.body.velocity.x = -150;

        player.animations.play('left');
    }
    else if (cursors.right.isDown) //si se presiona derecha..
    {
        //  Mover a la derecha
        player.body.velocity.x = 150;

        player.animations.play('right');
    }
    else
    {
        //  sino, quedarse quieto
        player.animations.stop();

        player.frame = 4;
    }
    
    //  Si se presiona la tecla arriba y el jugador está tocando el suelo, que salte
    if (cursors.up.isDown && player.body.touching.down)
    {
        player.body.velocity.y = -350;
    }
}

function collectStar (player, star) {
    
    // Elimina la estrella del juego
    star.kill();

    //  E incrementa y actualiza la puntuación
    score += 10;
    scoreText.content = 'Score: ' + score;

}

</script>

</body>
</html>
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`<!doctype html>`
			`<html lang="en">`
			`<head>`
			`<meta charset="UTF-8" />`
code comments translated 2013-12-10 16:31:19 +00:00			`<title>Phaser - Creando tu primer juego, parte 9</title>`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`<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 player;`
			`var platforms;`
			`var cursors;`

			`var stars;`
			`var score = 0;`
			`var scoreText;`

			`function create() {`

code comments translated 2013-12-10 16:31:19 +00:00			`// Un fondo simple para nuestro juego`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`game.add.sprite(0, 0, 'sky');`

Finished translation of tutorial 02 2013-12-10 20:41:33 +00:00			`// El grupo 'platforms' contiene el suelo y las dos plataformas sobre las que podemos saltar`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`platforms = game.add.group();`

code comments translated 2013-12-10 16:31:19 +00:00			`// Aquí creamos el suelo`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`var ground = platforms.create(0, game.world.height - 64, 'ground');`

code comments translated 2013-12-10 16:31:19 +00:00			`// Lo escalamos para que se ajuste al ancho del juego (el sprite original es 400x32)`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`ground.scale.setTo(2, 2);`

code comments translated 2013-12-10 16:31:19 +00:00			`// Esto hace que el suelo no se caiga cuando saltas en él. Lo hace inmóvil`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`ground.body.immovable = true;`

Finished translation of tutorial 02 2013-12-10 20:41:33 +00:00			`// Creamos las dos plataformas`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`var ledge = platforms.create(400, 400, 'ground');`
			`ledge.body.immovable = true;`

			`ledge = platforms.create(-150, 250, 'ground');`
			`ledge.body.immovable = true;`

code comments translated 2013-12-10 16:31:19 +00:00			`// El jugador y su configuración`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`player = game.add.sprite(32, game.world.height - 150, 'dude');`

code comments translated 2013-12-10 16:31:19 +00:00			`// Las propiedades físicas del jugador. Le damos al chaval un pequeño rebote al caer (bounce)`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`player.body.bounce.y = 0.2;`
code comments translated 2013-12-10 16:31:19 +00:00			`player.body.gravity.y = 6; //gravedad`
			`player.body.collideWorldBounds = true; //choque con los bordes del juego`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00
code comments translated 2013-12-10 16:31:19 +00:00			`// Las dos animaciones del jugador, andar izquierda y derecha ('left' y 'right', resp.)`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`player.animations.add('left', [0, 1, 2, 3], 10, true);`
			`player.animations.add('right', [5, 6, 7, 8], 10, true);`
code comments translated 2013-12-10 16:31:19 +00:00
			`// Añadimos un grupo para meter las estrellas`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`stars = game.add.group();`

code comments translated 2013-12-10 16:31:19 +00:00			`// Creamos 12 estrellas y las esparcimos por el escenario`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`for (var i = 0; i < 12; i++)`
			`{`
code comments translated 2013-12-10 16:31:19 +00:00			`// Creamos una estrella dentro del grupo 'stars'`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`var star = stars.create(i * 70, 0, 'star');`

code comments translated 2013-12-10 16:31:19 +00:00			`// Le aplicamos gravedad`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`star.body.gravity.y = 6;`

code comments translated 2013-12-10 16:31:19 +00:00			`// ..y un cierto valor de rebote`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`star.body.bounce.y = 0.7 + Math.random() * 0.2;`
			`}`

code comments translated 2013-12-10 16:31:19 +00:00			`// Añadimos el marcador de la puntuación`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`scoreText = game.add.text(16, 16, 'score: 0', { fontSize: '32px', fill: '#000' });`

code comments translated 2013-12-10 16:31:19 +00:00			`// Los controles del jugador con teclado`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`cursors = game.input.keyboard.createCursorKeys();`

			`}`

			`function update() {`

code comments translated 2013-12-10 16:31:19 +00:00			`// Hacer que el jugador y las estrellas colisionen con las plataformas`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`game.physics.collide(player, platforms);`
			`game.physics.collide(stars, platforms);`

code comments translated 2013-12-10 16:31:19 +00:00			`// Comprobar si el jugador se solapa con alguna estrella. Si es así, llamamos a la función 'collectStar'`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`game.physics.overlap(player, stars, collectStar, null, this);`

code comments translated 2013-12-10 16:31:19 +00:00			`// Resetear la velocidad del jugador (movimiento)`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`player.body.velocity.x = 0;`

code comments translated 2013-12-10 16:31:19 +00:00			`if (cursors.left.isDown) //si se presiona la tecla izda..`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`{`
code comments translated 2013-12-10 16:31:19 +00:00			`// Mover a la izquierda`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`player.body.velocity.x = -150;`

			`player.animations.play('left');`
			`}`
code comments translated 2013-12-10 16:31:19 +00:00			`else if (cursors.right.isDown) //si se presiona derecha..`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`{`
code comments translated 2013-12-10 16:31:19 +00:00			`// Mover a la derecha`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`player.body.velocity.x = 150;`

			`player.animations.play('right');`
			`}`
			`else`
			`{`
code comments translated 2013-12-10 16:31:19 +00:00			`// sino, quedarse quieto`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`player.animations.stop();`

			`player.frame = 4;`
			`}`

code comments translated 2013-12-10 16:31:19 +00:00			`// Si se presiona la tecla arriba y el jugador está tocando el suelo, que salte`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`if (cursors.up.isDown && player.body.touching.down)`
			`{`
			`player.body.velocity.y = -350;`
			`}`
			`}`

			`function collectStar (player, star) {`

code comments translated 2013-12-10 16:31:19 +00:00			`// Elimina la estrella del juego`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`star.kill();`

Finished translation of tutorial 02 2013-12-10 20:41:33 +00:00			`// E incrementa y actualiza la puntuación`
Spanish translation of the tutorials 2013-12-10 15:49:01 +00:00			`score += 10;`
			`scoreText.content = 'Score: ' + score;`

			`}`

			`</script>`

			`</body>`
			`</html>`