KINGCOMPANY
Usuario (Venezuela)
A continuación verán como dibujar figuras, texto ó imágenes en pantalla sin ningún plugin como flash ó java por medio de canvas. ¿Que es canvas? Para que os hagais una idea de que es CANVAS es lo mas parecido a tener un trozo de papel en blanco encima de la mesa para poder dibujar, pintar, escribir y borrar lo que nos de la gana de forma no estructurada. ¿Por qué nace el objeto canvas? Hasta ahora cuando un programador queria mostrar alguna animación en la pantalla una de las posibilidades que tenia era usar el plugin flash o cualquier otro plugin del estilo. Si queria crear una grafica estadistica podia llamar a alguna libreria de php que le creara la imagen en el servidor. En cualquier caso siempre se dependia de algo externo al navegador. Asi pues era necesario que el propio navegador pudiese hacer este tipo de cosas, la solucion: CANVAS. Basta de tanto rollos queremos verlo. Para ver algo necesitamos poner un objeto CANVAS en nuestro html y cogerlo en javascript por ejemplo: <html> <head> <script> function cargado(){ var objetoCanvas = document.getElementById("html5pasoapaso"; if(objetoCanvas.getContext){ var contextoCanvas = objetoCanvas.getContext('2d'); contextoCanvas.font = "20px Times New Roman"; contextoCanvas.textAlign="center"; contextoCanvas.fillText("Hola Mundo. HTML5 paso a paso" ,300, 150); } } </script> </head> <body onLoad="cargado();"> <canvas id="html5pasoapaso" width="600" height="300"><b>Este navegador no soporta canvas.</b></canvas> </body> </html> Si vuestro navegador no soporta el objeto canvas aparecera lo que pongamos dentro de la etiqueta canvas (podemos aprovechar para enlazarlo a descargar otro navegador). Si lo soporta podremos ver el texto "Hola Mundo..." ¿Muy bien, que hemos hecho? Pues muy simple hemos creado un objeto canvas y hemos dibujado dentro de él un texto. Si os fijais hemos esperado a que este cargado el html, ya que si hubiesemos intentado dibujar antes da un error al no existir el objeto. ¿Solo sirve para dibujar textos? No, sirve para dibujar puntos, lineas, poligonos, circulos, curvas, textos, imagenes previamente cargadas, etc... y en un futuro (no muy lejano) poligonos en 3d con texturas. ¿Funciona en todos los navegadores? Casi, hasta el momento funciona en todas las versiones actuales menos IE8, aunque esta confirmado que funcionará en la version 9. Esta dentro de la especificación standard de HTML5 y por lo tanto no debemos preocuparnos porque todos los navegadores lo implementaran. ¿Que se puede hacer con esto? Practicamente todo lo que se podia hacer con flash y java pero mejorado más graficas, juegos, mapas y todo dinamico con javascript. Esta es la parte interesante jejejejejeje ¿Por qué es mejor elegir canvas que cualquier otra opción? Porque el trabajo duro lo hace el cliente, dejando libre al servidor, canvas usa aceleraccion por hardware lo cual lo hace muy rapido. No necesita instalar nada en el navegador. Se maneja de forma sencilla con javascript. Y un sinfin de ventajas. Aqui les dejo unas plantillas de ejemplo para que se entretengan. En cuanto cache algun juego lo subo aqui 1 http://www.web3mantra.com/downloads/html5web1.zip 2 http://www.web3mantra.com/downloads/freehtmlweb3.zip 3 ESTA ES LA QUE MÁS ME GUSTÓ http://www.web3mantra.com/downloads/html5web4.zip AQUI UN ENLACE EXPLICATIVO SOBRE IRC EN HTML5 : http://www.vedetta.com/irccloud.com-review-with-screenshots-ajax-irc-client-bouncer-bnc http://www.illasaron.com/html/
Este motor me parece muy sencillo y bien diseñado en 2 meses lo replicare a ver como me va. link: http://www.youtube.com/watch?v=ugGIL-KL5rc&feature=related
Pobre tipo JAJAJAJAJAJAJAJAJAAJAJA YO CASI ME CAGO PERO DE LA RISA JAJAJAJAJA
Les comparto un completo Video-Curso que explica de una forma muy sencilla lo que son " Los Metodos,Variables y Funciones " PAGINA ADOBE CON FUNC. Y VARIABLES http://help.adobe.com/es_ES/ActionScript/3.0_ProgrammingAS3/WS5b3ccc516d4fbf351e63e3d118a9b90204-7f30.html Empezemos VIDEO 1 link: http://www.youtube.com/watch?v=mQQCNW6NLbQ&feature=relmfu VIDEO 2 link: http://www.youtube.com/watch?v=dVpZ9GWNFr8&feature=relmfu VIDEO 3 link: http://www.youtube.com/watch?v=9VZvkGTbws4&feature=relmfu VIDEO 4 link: http://www.youtube.com/watch?v=4N0UlYITy2A&feature=relmfu VIDEO 5 link: http://www.youtube.com/watch?v=SxbdmEpDa9k&feature=relmfu VIDEO 6 link: http://www.youtube.com/watch?v=5AK-VKB-sWE&feature=relmfu VIDEO 7 link: http://www.youtube.com/watch?v=k_8FHBrOC_U&feature=relmfu VIDEO 8 link: http://www.youtube.com/watch?v=OByTY3gLrVo&feature=relmfu VIDEO 9 link: http://www.youtube.com/watch?v=jOqIugya6L4&feature=relmfu VIDEO 10 link: http://www.youtube.com/watch?v=6r6Lqw1QzT4&feature=relmfu VIDEO 11 link: http://www.youtube.com/watch?v=E67EElCgfp8&feature=relmfu VIDEO 12 link: http://www.youtube.com/watch?v=TyxTaKJvJw4&feature=relmfu VIDEO 13 link: http://www.youtube.com/watch?v=AKhwDZ5kaug&feature=relmfu VIDEO 14 link: http://www.youtube.com/watch?v=xwQWBWqBzpg&feature=relmfu VIDEO 15 link: http://www.youtube.com/watch?v=Zp99T9QFg88&feature=relmfu VIDEO 16 link: http://www.youtube.com/watch?v=cuHysvZnIZM&feature=relmfu VIDEO 17 link: http://www.youtube.com/watch?v=OW0c9zkgDwI&feature=relmfu espero lo entiendan luego seguire subiendo la explicacion de las variables.