La API Canvas es una herramienta para realizar trazos en 2d mediante instrucciones en JavaScript para realizar dibujos, ilustrar, crear una animación y incluso videojuegos en un lienzo 2d. Se puede agregar 3d pero ya es con WebGl o un framework.
$ads={1}
Para ello utilizamos la etiqueta <Canvas> de HTML que salió con la versión de HTML5 inicialmente para el navegador de Internet Safari.
Este ya es compatible como la mayoría de los navegadores más populares y principales como por ejemplo: Google Chrome, Safari, Mozilla Firefox, internet Explorer, Edge (creo ya le cambiaron de nombre) y Opera.
Para la creación de un nuevo proyecto, como un vídeo juego recomendaría que uses un framework para canvas, ya hay varios y fáciles de usar, por ejemplo: . Ya que se me hace poco práctico volver a inventar la rueda, además de que la comunidad puede ayudarte más fácil con un framework que con código puro JavaScript.
El curso más que nada trata de mostrar los diferentes elementos y funciones que se pueden usar para crear scripts prácticos y manejar vectores con código además de algunas animaciónes y aplicaciones visuales. Un ejemplo de esto es hacer un triángulo interactivo con el mouse para saber sus ángulos y medir sus distancias.
Te muestro unos ejemplos de lo que se puede hacer con Canvas, por supuesto con Frameworks, pero igual te dejo unos ejemplos sin frameworks.
Publicar un comentario