Crear un tilador en HTML5
Bienvenidos a VerTutoriales.com, desde hace algunas semanas venimos trabajando con sobre nuestro mapeador en HTML5, y viendo que ya son bastantes artículos los que estamos escribiendo con cada uno de los pasos que estamos dando, vamos a crear un índice para que podamos organizarnos mejor, os dejo los pasos sobre nuestro tilador (mapeador) en HTML5.
- 1.- ¿Qué es un tilador o mapeador?
- 2.- Pintar con el evento click del ratón en HTML5
- 3.- Pintar ajustando en una cuadrícula en HTML5
- 4.- Pintar baldosa sobre el mapa en HTML5
- 5.- Seleccionar baldosa y pintarlo en el mapa
- 6.- Uso de arrays en javascript para guardar el mapa
- 7.- Guardar valores del mapa
- 8.- Cargar valores del mapa
- 9.- …
Espero que podais ir aportando ideas o reporteis errores en el funcionamiento, actualmente está muy verde, pero poco a poco irá tomando forma, además en breve aportaré un paquete de gráficos para hacerlo más funcional.
Pingback: Mapeador/Tilador en HTML5 - Tutoriales y Videotutoriales en www.vertutoriales.com
ola que tal esta muy divertido tu canvas lo que queria hacerte una pregunta lo que pasa es que quiero pintar un avatar en un canvas y ya lo logre pero tengo un inconveniente es que quiero hacerlo con capaz pero no se como hacerlo me esplico si pindo el cuerpo y luego los ojos todo bien pero si quiero cambiar el cuerpo este se me pinta encima de los ojos quisiera saber como hacer para que se mantenga la posicion del cuerpo avajo y no encima de los ojos espero que me puedas ayudar este es mi correo
Solo tienes que pasarle las coordenadas de la posición dentro del canvas, si ya has colocado el cuerpo una vez en la posición x, y, tendrás que volverlo a colocarlo en la posición x, y del canvas anterior.
Pingback: Programar un Gestor para juegos de rol – Preparando BBDD para el editor de Escenarios | Vertutoriales