Cookies

Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Si continúas navegando consideramos que aceptas su uso

Sliding Puzzle

App hecha con Ionic Framework y Angular.js que implementa este popular y adictivo puzzle. Te permite jugar en dos modos diferentes, Básico con puzzles de 8 piezas y difícil con puzzles de 15 piezas.

La app está probada con Android y proporciona una experiencia similar a nativo, utilizando simplemente HTML5, permitiendo que un desarrollador familiarizado con tecnologías Web pueda desarrollar apps móviles.

Sobre el código, se puede ver en el Repositorio Github. Además de los servicios que trae Ionic, la app usa sus propios servicios, usando inyección de dependencias para encapsular correctamente las distintas funcionalidades.

Las funcionalidades más notables encapsuladas en servicios son:

  • ImageCropper: utiliza el canvas para crear imágenes recortadas. También utiliza una caché para no tener que regenerar una imagen ya recortada.
  • PuzzleManager, servicio que sabe qué puzzles y niveles están desbloqueados o bloqueados.
  • PuzzleMatrix, contiene la lógica relacionada con la matriz del puzzle, así como saber si un puzzle ha sido completado por el usuario o generar un puzzle que tenga solución.

Dado que no es un problema complicado, se han utilizado solamente tres ficheros para organizar el código, app.js que contiene las rutas y estados de Ionic, controllers.js que contiene los controladores y services.js, que contiene los servicios propios de la app.