Manual y Curso en HTML5 | HTML5 | Iniciacion o explicacion |
Bienvenidos a ForoHTML5.com, con las ganas impulsivas de dos desarrolladores comenzamos lo que es el Curso-Tutorial de HTML5 donde nos adentraremos en las funciones actuales de este lenguaje e iremos desarrollando proyectos según vayamos avanzando el aprendizaje para que podais seguirnos y ayudarnos por igual.
Fecha 2011-01-25 | 2259 visitas | por: www.foroHTML5.com
ID:28120
Tutorial HTML5 - Canvas | HTML5 | Iniciacion o explicacion |
Bienvenidos a VerTutoriales.com, como dijimos hace algún tiempo, por fín vamos a comenzar con el más que esperado curso de HTML5, este curso será una colaboración en conjunto con foroHTML5, y servirá como comienzo para un proyecto mayor.
1. Elemento Canvas
El primer componente que vamos a ver va a ser el Canvas, que iremos tocando en más de una ocasión debido a su extensión y extraordinaria potencia. Este objeto sirve para dibujar dinámicamente imagenes en nuestra web.
Fecha 2011-01-28 | 1107 visitas | por: www.vertutoriales.com
ID:28123
Tutorial HTML5 – Canvas pintar y rellenar formas curvas, circulos y circunferencias | HTML5 | Iniciacion o explicacion |
En este capítulo vamos a hablar de la función arc() del canvas de html 5. En principio solo pasándole los parametros dibujaría nuestros círculos los cuales pueden ser parametizados para formar arcos, curvas o circunferencias de colores.
Fecha 2011-01-27 | 931 visitas | por: www.VerTutoriales.com
ID:28122
Tutorial HTML5 - Canvas pintar y rellenar formas irregulares | HTML5 | Iniciacion o explicacion |
Bienvenidos a VerTutoriales.com, en esta ocasión traemos como dibujar sobre el canvas sin forma específica (dibujar caminos), para ello utilizaremos varias funciones gráficas que soporta HTML5.
3. Pintar formas irregulares
Para dibujar con estas funciones es muy sencilla, para empezar declaramos un nuevo camino con beginPath() y a continuación deberemos de situar el cursor donde queramos comenzar a pintar con moveTo(), una vez situado en el lugar que corresponda, solo nos quedaría ir tranzando lineas con lineTo(), una vez realizados todos los trazos, podremos utilizar fill() para rellenar la figura que pintaramos, siempre y cuando esta esté cerrada.
Fecha 2011-01-28 | 923 visitas | por: www.VerTutoriales.com
ID:28121
Tutorial HTML5 - Dibujando sobre el canvas | HTML5 | Iniciacion o explicacion |
Bienvenidos a VerTutoriales.com, anteriormente, hemos visto una pequeña iniciación del elemento Canvas y hemos explicado como usarlo. En esta ocasión vamos a seguir con el curso de HTML5 avanzando un poco más sobre Canvas y vamos a dibujar sobre él, utilizando diferentes funciones. Así que vamos allá:
2. Dibujando sobre el Canvas
Voy a explicar varias funciones que acompañarán al dibujado del canvas, estas funciones se han de utilizar una vez que se ha declarado el canvas y cargado en un contexto (si teneis alguna duda de como realizarlo podeis verlo en este primer tutorial). Pero antes, vamos a aclarar como se representan los valores dentro del elemento.
Fecha 2011-01-27 | 885 visitas | por: www.VerTutoriales.com
ID:28260
Mover objetos pintados en el canvas con HTML5 | Html | Iniciacion o explicacion |
Bienvenidos a VerTutoriales, en esta ocasión os traemos un pequeño script para que podais utilizarlo en vuestros juegos o aplicaciones en HTML5. Vamos a mover objetos pintados dentro de un objeto Canvas de HTML5.
Para ello os dejo el código de un juego que a más de uno les suene... el ping pong. El mítico juego de las dos \"raquetas\" y la pelota. Veamos:
Fecha 2011-04-09 | 781 visitas | por: www.vertutoriales.com
ID:28124
Curso-Tutorial HTML5 - Cargar una imagen en Canvas | HTML5 | Iniciacion o explicacion |
Bienvenidos a VerTutoriales.com, en esta ocasión vamos a seguir con el curso de HTML 5, y siguiendo con el canvas, vamos a mostrar el código para ver como podemos cargar una imagen en el canvas, en siguientes tutoriales veremos como tratar esa imagen, girarla, modificarla, etc... pero vamos poco a poco, para empezar, vamos a cargarla.
Fecha 2011-01-24 | 778 visitas | por: www.VerTutoriales.com
ID:28258
Crear una barra de progreso en HTML5 | Html | Iniciacion o explicacion |
Bienvenidos a VerTutoriales.com, en esta ocasión vamos a construir una barra de progreso para por ejemplo nuestros juegos de estrategia para crear unidades, para nuestros arcades para mostrar la vida de un personaje o el recurso que nos queda. Tal vez el espacio que queda por ocupar en nuestra aplicación o la carga de registros de nuestra base de datos, se me ocurren infinidad de utilidades, pero veamos el código y a continuación lo comentaremos ya que no tiene mucha complegidad.
Fecha 2011-04-05 | 565 visitas | por: www.vertutoriales.com
