Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Code
  2. HTML5
Code

Las 20 mejores plantillas HTML5 para juegos  de 2017

by
Length:MediumLanguages:

Spanish (Español) translation by Nadia Gonzales (you can also view the original English article)

En los últimos años, hemos visto que HTML5 ha sido utilizado para crear muchas grandes soluciones en línea. ¡También hemos visto que ha sido usado para crear mucha diversión! Con la desaparición de Flash, HTML5 se convirtió rápidamente en la plataforma universal para crear juegos basados en navegador para dispositivos de escritorio y móviles.

Ya sea que tengas un concepto de juego que te gustaría desarrollar más o si te gustaría una forma divertida de aprender más de los pros y contras de HTML5, aquí están las 20 mejores plantillas de juegos HTML5 de 2017 para que puedas comenzar a hacer algo increíble:

1. Leaves Boy

No podrás dejar este juego solo, ya que tus amigos se pondran celosos de tus puntuaciones más altas.

Dejando a un lado los juegos de palabras, Leaves Boy es un juego hecho para móviles.

Leaves Boy
"Leaves Boy es un adictivo juego de un solo toque..."

Las características incluyen:

  • Compartir puntuaciones altas en Facebook y Twitter
  • documentación
  • Archivos HTML5
  • y más

Recoge las monedas, evita los obstáculos y rebota por tu camino a la victoria.

Usa Leaves Boy como tema o úsala como base para construir tu propio juego usando Construct 2.

2. Indiara and the Skull Gold

Indiara and the Skull Gold es un juego de plataformas móviles con un toque de Indiana Jones.

Recoge los ocho cráneos de oro, pero mantente atento, ¡las cuevas están llenas de trampas!

Indiara and the Skull Gold
"Conoce y juega con Indiara, una chica que adora coleccionar artefactos antiguos".

Características incluidas:

  • Soporte móvil y de escritorio.
  • Incluye archivos PSD y AI en capas
  • gráficos de 860 x 480
  • y más

Modifica fácilmente esta plantilla de juego HTML5 editando y reemplazando las imágenes.

Indiara and Skull Gold incluye ocho niveles completos y se pueden personalizar completamente usando Construct 2.

3. Dont Crash

¡No choques mientras juegas Dont Crash!

Mientras dos autos corren alrededor de la pista, toca la pantalla para cambiar de carril y evitar un choque.

Dont Crash
"No choques, esta es la única regla del juego."

Las características incluyen:

  • soporte móvil y de escritorio.
  • fácil control con solo un toque
  • gráficos de 1280 x 720
  • y más

Modifica este juego  HTML5 usando los archivos AI incluidos o cambia por completo los elementos del juego utilizando Construct 2.

Dont Crash es sencillo, rápido y adictivo.

4. Game FlapCat Steampunk

Game FlapCat Steampunk es un juego HTML5 lindo y simple, perfectamente hecho para el móvil.

¿Qué tan alto puedes puntuar?

Game FlapCat Steampunk
"Ayuda al gato FlapCat a pasar por retos que son súper difíciles."

Las características incluyen:

  • incluye archivos PSD y AI
  • gráficos de 1280 x 720
  • niveles infinitos
  • y más

Si juegas en tu navegador web o teléfono móvil, todo lo que necesitas es un solo clic o un toque para jugar. Fácil de jugar, difícil de dominar.

Game FlapCat Steampunk puede ser fácilmente revestido mediante la sustitución de las imágenes o totalmente personalizado con Construct 2.

5. Panda Love

Es fácil amar a Panda Love.

Con diseño simple y un enfoque único, a todo el mundo le va a encantar, no sólo a los pandas.

Panda Love
"Panda Love es un juego de aventuras de plataforma con pixel art".

Las características incluyen:

  • Auto guardado utilizando almacenamiento web
  • Soporta Ludei y anuncios
  • más de 20 niveles
  • y más

Este juego HTML5 es compatible con todas las plataformas e incluye el archivo Construct 2 para una personalización completa.

Te va a encantar el aspecto y la sensación de control a un solo toque de Panda Love.

6. Jumper Frog  - juego HTML5

Frogger es un juego arcade clásico genialmente adaptado al móvil.

Da un brinco y salta en Jumper Frog - juego HTML5 para divertirte un poco.

Jumper Frog - HTML5 Game

"Disfruta de esta colorida versión del clásico juego Frogger".

Las características incluyen:

  • Incluye archivos PSD y AI para personalización.
  • completamente desarrollado en HTML5 y CreateJS
  • totalmente personalizable
  • y más

También es compatible con CTL Arcade.

The Jumper Frog  - juego HTML5 trae este clásico arcade a cualquier pantalla.

7. Bubble Shooter - juegos HTML5

Lanza la burbuja de colores en su lugar, y cuando tengas tres o más seguidos, desaparecerán. ¡Borrar todas las burbujas para ganar!

Bubble Shooter - juegos HTML5 es un puzzle clásico que es fácil de aprender pero difícil de dominar.

Bubble Shooter - HTML5 Games
"El objetivo del juego es eliminar todas las burbujas del nivel evitando que cualquier burbuja cruce la línea del fondo".

Las características incluyen:

  • incluye archivos PSD y AI para personalización
  • completamente desarrollado en HTML5 y CreateJS
  • totalmente personalizable
  • y más

Si crees que este juego HTML5 es divertido, asegúrate de considerar también el paquete de 50 niveles.

Bubble Shooter - juegos HTML5 también es compatible con CTL Arcade.

8. HTML5 Tetris

No hay nada más adictivo y divertido que Tetris, y con los niveles ilimitados de HTML5 Tetris, literalmente no podrás dejar de jugar.

HTML5 Tetris
"Funciona en todos los navegadores HTML5".

Las características incluyen:

  • fácil de personalizar
  • soporte de toque
  • siete temas
  • y más

Personaliza completamente las señales y  sonidos, pero sobre todo, diviertete de forma ilimitada con Tetris HTML5

9. Katana Fruits - juego HTML5

Si estás familiarizado con Fruit Ninja, estarás familiarizado con Katana Fruits - Juego de HTML5

Katana Fruits - HTML5 Game
"El objetivo es cortar todas las frutas que aparecen en la pantalla sin dejarlas caer y evitar las bombas."

Las características incluyen:

  • incluye archivos PSD y AI para personalizar
  • completamente desarrollado en HTML5 y CreateJS
  • Promocionar con botones de compartir en redes sociales.
  • totalmente personalizable
  • y más

Este juego HTML5 es compatible con CTL Arcade para WordPress y se puede personalizar fácilmente.

Afila tu Katana, es el momento de cortar algunas frutas con Fruits Katana - juego HTML5.

10. The Sorcerer - juego de Puzzle HTML5

En el momento en que se cargue la pantalla, sabrás qué hacer. Inspirado por Zuma, The Sorcerer - juego de puzzle HTML5 es un éxito instantáneo.

The Sorcerer - HTML5 Puzzle Game
"The Sorcerer fue galardonado como el mejor juego de rompecabezas en el concurso Most Wanted de HTML5"

Las características incluyen:

  • completamente desarrollado en HTML5 y CreateJS
  • código fuente incluido
  • totalmente personalizable
  • y más

Para dispositivos móviles o de escritorio, la resolución de 960x540 está totalmente optimizada.

The sorcerer - juego de rompecabezas HTML5 es difícil de dejar, por lo que es posible que también desees considerar la posibilidad de adquirir niveles adicionales.

11. Rearrange Letters - juego HTML5

Te dan una pista y un montón de letras mezcladas. Con la pista en mente, reorganiza las letras hasta que tengas la palabra correcta a medida que el temporizador cuenta hacia atrás.

Así es como funciona Rearrange Letters - Juego HTML5.

Rearrange Letters - HTML5 Game
"Rearrange Letters es un juego HTML5 en el que puedes organizar letras y formar la palabra correcta con la descripción dada como una pista".

Las características incluyen:

  • personalizar el texto, el modo de juego y el cronómetro
  • Compartir puntuaciones altas en  redes sociales
  • Control vía ratón y vía táctil
  • resolución de 1024 x 768
  • y más

Con un montón de personalizaciones y construido usando CreateJS, puedes reimaginar Rearrange Letters - juego HTML5  de la manera que quieras.

12. Word Search Game

Si te gustan las búsquedas de palabras, no busques más. Necesitas este juego HTML5: Word Search Game.

Word Search Game
"Muy adictivo".

Las características incluyen:

  • gestión de opciones de juego dentro de la interfaz de administración incluida
  • funciona en todo, desde iPad hasta IE6
  • compatibilidad con Unicode: usa cualquier carácter
  • y más

Ligera y fácil de instalar, Word Search Game es un gran hallazgo.

13. Coloring Book - juego HTML5

Simple. Creativa. Ideal para niños.

The Coloring Book - juego de HTML5 es un libro virtual para colorear virtual, con soporte táctil y se adapta a cualquier tamaño, en cualquier dispositivo.

Coloring Book - HTML5 Game
"Este juego es un juego de colorear y puede ser muy interesante para los niños".

Las características incluyen:

  • Coloración suave
  • sistema de impresión
  • 24 colores
  • y más

En su tercera iteración, el juego HTML5 - Coloring Book ha evolucionado hasta convertirse en un destacado juego HTML5 de libros para colorear .

14. Canvas Puzzle

Usando cualquier imagen de tu elección, crea un juego de rompecabezas de arrastrar y soltar con Canvas Puzzle HTML5.

Canvas Puzzle
"... un rompecabezas HTML5 completamente personalizable y fácil de implementar ..."

Las características incluyen:

  • arrastra y suelta imágenes desde tu escritorio para crear rompecabezas
  • elegir cualquier número de piezas
  • deshabilitar la rotación de piezas
  • y más

Simple, ligero y personalizable, Canvas Puzzle es un juego HTML5 que todos pueden disfrutar.

15. Sliding Puzzle

Otro rompecabezas de imágenes genial, Sliding Puzzle funciona permitiendote deslizar las piezas hasta que la imagen esté completa.

Sliding Puzzle
"¡Tres modos de juego!"

Las características incluyen:

  • tres modos: clásico, reto y diversión
  • ventana completa o tamaño de lienzo
  • paquetes de imagen personalizables
  • personalizable y mucho más

Sliding Puzzle mezcla todo muy bien con el modo de juego múltiple y la capacidad de agregar tus propias imágenes.

16. Sweety Memory - Juego de HTML5

¿Recuerdas la memoria?

Sweety Memory - Juego HTML5 funciona de la misma manera. ¡Dale la vuelta a las cartas, hazlas coincidir y gana!

Sweety Memory - HTML5 Game
"¡Empareja todas las cartas idénticas antes de que se acabe el tiempo!"

Las características incluyen:

  • totalmente personalizable con archivos PSD y AI incluidos
  • completamente desarrollado en HTML5 y CreateJS
  • código fuente incluido
  • y más

Para dispositivos móviles o de escritorio, la resolución de 960x1200 se adapta a la pantalla completa de casi cualquier dispositivo.

Sweety Memory - juego HTML5 también es compatible con CTL Arcade.

17. HTML5 BlackJack 3D - juego de Casino HTML5

Blackjack 3D HTML5: el juego de casino HTML5 no está diseñado para ser usado con dinero real, es simplemente un juego divertido para jugar.

HTML5 3D BlackJack - HTML5 Casino Game
"¡Disfruta de este juego de blackjack con gráficos 3D de alta resolución!"

Las características incluyen:

  • Archivos HTML5 y CreateJS totalmente personalizables
  • Función de seguro, apuesta doble y mano dividida.
  • Archivos PSD y AI de fácil personalización
  • y más

Este juego HTML5 también es compatible con CTL Arcade para WordPress.

Monetizalo fácilmente con anuncios publicitarios y promocionalo con los botones de compartir en redes sociales que se incluyen en BlackJack 3D - Juego de Casino HTML5.

18. 3D Roulette - Juego de Casino HTML5

Este es otro juego de casino de alta calidad creado para la diversión. El juego de casino HTML5 - 3D Rulette incluye muchas características excelentes y está diseñada realmente bien.

3D Roulette - HTML5 Casino Game
"El juego contiene todas las características principales del juego de ruleta original como Voisins zero, tier, orphelins, neighbor, y final bets.”

Las características incluyen:

  • Archivos HTML5 y CreateJS totalmente personalizables
  • Archivos PSD y AI para una fácil personalización
  • Responde completamente a resolución de 750x600
  • y más

Este juego HTML5 también es compatible con CTL Arcade para WordPress, pero si estás buscando una versión centrada en el móvil, recomiendo Roulette Royale.

El juego de casino HTML5 - 3D Roulette es perfecto para navegador, de escritorio.

19. Missiles Again - Juego HTML5 (Construct 2 Capx) + Admob

Missiles Again - HTML5 game (Construct 2 Capx) + Admob es un divertido juego para matar el tiempo, que funciona en casi todas las plataformas posibles.

Missiles Again - HTML5 game Construct 2 Capx Admobvvvvvvvvvvvvvvvvvvvvvvvv
“¡Controla el avión para recoger todas las estrellas y evitar todos los misiles!”

Las características incluyen:

  • Fácil código que se puede personalizar con Construct 2.
  • Archivos PNG y PSD para rediseñar fácilmente.
  • Soporta AdMob Ads
  • y más

Missiles Again - juego HTML5 (Construct 2 Capx) + Admob  es un juego HTML5 divertido y bien diseñado que no te querrás perder.

20. Paquetes de juegos HTML5

A veces es mejor comprar a granel.

Si estás considerando varios juegos HTML5, puedes consultar estos paquetes de juegos HTML5 para ver si puedes pagar menos y recibir más.

HTML5 Game Bundles

Algunos títulos de varios paquetes incluyen:

  • Fruit Slasher
  • Brick Out
  • Ninja Run
  • Tank Defender
  • Billiards
  • Cars
  • Monster Match-3
  • Bubble Shooter
  • Space Purge
  • Duck Shooter
  • Girl Dress Up
  • ¡y más!

Algunos de los mejores paquetes de juegos HTML5 a considerar incluyen Súper Paquete No 1 (50 juegos), 24 juegos en 1 PaquetePaquete de juegos HTML5 No. 2 (9 juegos).

Conclusión

Repasar esta lista puede inspirarte a cambiar, modificar o construir algo completamente nuevo, usando uno de estos juegos HTML5 como plantilla podrás tener  éxito. Ya sea que publiques en una galería de juegos en tu sitio web, gana ingresos con publicidad o profundiza tus conocimientos de  HTML5 utilizando plantillas de juegos, está seguro de que encontrarás lo que estábas buscando en Envato Market.

También puedes encontrar útiles tutoriales de código Envato Tuts+ sobre diseño de juegos o mecánicas de juego, así como tutoriales de HTML5 para comenzar.

Juegos y codificación. Dos cosas que son increíblemente divertidas de hacer.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.