Hola a todos, hoy les traigo un tutorial acerca de como utilizar la etiqueta canvas en una aplicación para gráficos 2D dentro de Firefox OS. Una herramienta importante que podemos utilizar para desarrollar juegos utilizando las potencialidades que brinda HTML5. Manos a la obra. Lo primero es crear nuestro archivo de manifiesto para nuestra aplicación […]
Archivos de la etiqueta: canvas
Seguimos con WebRTC, esta vez vamos a ver cómo podemos utilizar la librería headtrackr.js de auduno para crear nuestras aplicaciones de seguimiento de rostro. Descargamos el fichero js y lo incluimos en nuestra página. El próximo código inicia headtrackr con una etiqueta video a la cual se le asigna el stream, y una etiqueta canvas […]
Accede a la webcam con WebRTC y captura la posición del rostro usando la librería js headtrack. Haciendo un seguimiento del rostro mueve los círculos de colores dibujados con el canvas de HTML5. Solo funciona para quién tenga webcam. Para que funcione, poner en true las siguientes preferencias del about:config del Firefox . media.navigator.permission.disabled media.navigator.enabled
Animación de una ramificación de un árbol sin hojas, recreada en canvas. Este es un demo básico para que vean el uso del elemento canvas en animaciones.
