Desarrollo del juego Stacker para HTML5-CanvasReportar como inadecuado




Desarrollo del juego Stacker para HTML5-Canvas - Descarga este documento en PDF. Documentación en PDF para descargar gratis. Disponible también para leer online.

Colaborador: Rodríguez Rodríguez, Abraham

???metadata.dc.contributor.other???: Escuela de Ingeniería InformáticaDepartamento de Informática y Sistemas

Materias : 33 Ciencias tecnológicas

Fecha de publicación : 2014

Fecha de depósito: 8-ene-2015

Tipo de documento: Trabajo fin de grado

Resumen : ES Juego Stacker para HTML5 propone una aplicación web con dos modalidades de juegos basados en el clásico Stacker. La modalidad classic stacker pretende simular dicho juego, en la cual el jugador ha de apilar una fila horizontal de cuadrados que se desplazan a velocidad constante horizontalmente sobre otra fila horizontal de cuadrados que se encuentran en la parte inferior sin describir ningún movimiento. La velocidad de movimiento de la fila que ha de apilar irá aumentando conforme se vayan superando los niveles. El juego acaba cuando no dispone de más cuadrados en la fila, que se perderán si no se consigue apilar de manera exacta. La otra modalidad de juego se le conoce como super stacker. En esta modalidad, el jugador ha de apilar una serie de figuras con formas distintas sobre otras figuras estáticas que forman parte de un mundo generado. Las figuras que ha de apilar el jugador son sensibles a fuerzas tales como la gravedad, colisión entre objetos, fricción, etc. Si alguna de estas figuras entra en contacto con alguno de los límites del mundo, el jugador ha perdido. Ganará cuando la estructura final formada aguanta un número de segundos determinados, pasando así a otro nivel (escenario) de mayor complejidad. Para esta modalidad de juego se ha necesitado un motor físico portado a Javascript que simule las fuerzas mencionadas anteriormente. Resaltar también que se ha optado por realizar un diseño adaptable utilizando frameworks como bootstrap 3 debido al gran auge de los dispositivos móviles con dimensiones de pantalla variables.EN Stacker Game HTML5 web application proposes two methods based on classical Stacker game. Classic mode is intended to simulate the stacker game in which the player has to stack a horizontal row of squares which move horizontally at constant speed on a horizontal row of squares that are at the bottom without describing any movement. The speed of movement of the row that has stacking will increase as they go through the levels. The game ends when no more squares in the row, which will be lost if you do not get exactly stacked. The other game mode is called super stacker . In this mode, the player has to stack a series of figures with different shapes on other static part of a world generated forms . Figures that the player has to stack are sensitive to forces such as gravity , collision between objects , friction , etc. If any of these figures comes in contact with any of the limits of the world , the player has lost. You win when the final structure formed hold on a certain number of seconds , so going to another level ( stage ) of greater complexity. For this type of game it has taken a physics engine ported to Javascript to simulate the forces mentioned above. Also note that it has been chosen to perform an adaptable design using frameworks like bootstrap 3 because of the boom of mobile devices with varying screen sizes.





Autor: Hernández Romano, Domingo

Fuente: https://acceda.ulpgc.es


Introducción



Guía usuario A continuación vamos a desarrollar una pequeña guía de usuario en la cual mostraremos los aspectos más importantes de la aplicación y hacia donde lleva cada elección ofrecida.
Resaltar que la web se ha hecho de una manera sencilla para ayudar al usuario a encontrar lo que busca de una manera rápida. -Pantalla Principal Este será el aspecto que tendrá la pantalla principal a la que se debería acceder por primera vez .
En esta pantalla, como se puede observar, se da a elegir la modalidad de juego. -Classic Stacker Si se escoge la modalidad de juego classic stacker verá la pantalla en la cual se da la posibilidad de jugar, ver las mejores puntuaciones conseguidas hasta el momento almacenadas en el navegador o volver a la página principal. -Play Classic Stacker Pantalla sencilla en la cual se puede comenzar el juego de esta modalidad.
Aquí se decide cuando parar la fila de cuadrados roja que se está moviendo horizontalmente de izquierda a derecha.
Pulsando sobre el lienzo, hará que la fila se pare y el juego continúe según las reglas. -Best Scores Classic Stacker Cuando se ha jugado a classic stacker, las puntuaciones al terminar la partida se van almacenando en un espacio reservado del navegador web.
En esta pantalla que mostramos podemos ver las mejores puntuaciones conseguidas hasta el momento ( máximo 9 ). -Super Stacker En la imagen vemos el menú que se mostrará cuando se accede a la modalidad de juego super Stacker.
“Start” empezará la partida desde el nivel 1.
“Levels” permitirá escoger el nivel que se quiera jugar, dando a elegir como máximo el último que se consiguió alcanzar.
El resto de niveles hay que desbloquearlos.
“Best Times” va a mostrar por cada nivel tiempo que menos se ha tardado en superar la prueba. -Levels La pantalla “Levels” va a mostrar con un color más llamativo los niveles a los cuales se puede acceder de manera directa.
En la imagen, el nivel máximo que se puede escoger es ...






Documentos relacionados