Parece que últimamente no pongo mas que ejemplos con <video>
Hoy os traigo otro ejemplo mas de la potencia de esta etiqueta, en concreto se trata de un juego (un video-juego nunca mejor dicho).
Eso si, tened cuidado con la CPU ya que puede llegar a consumir bastante.
Juego con Video y Canvas
Hace poco, Paul Rouget nos sorprendió con una demostración de como editar video en tiempo real con javascript.
He hecho otra demostración basándome en su código de como hacer esto. El ejemplo consiste en crear un cubo “3D” (en realidad es 2.5D) sobre una plantilla impresa en un folio.
La plantilla son cuatro cuadrados de colores rojo, verde, azul y negro dispuestos en forma de cuadrado. El video esta gravado con una cámara normal y convertido a ogg/theora con ffmpeg2theora. Despues el video se inserta en la pagina con la etiqueta <video/> de html5 y cuando se le da al play, se dibuja en un canvas la imagen del video, despues se detecta el centro de los cuadrados y dibuja un “cubo” tomando estos 4 puntos como base.
Lanzar demo. Necesitas tener Firefox 3.5 b3 y un poco de paciencia (el video tarda en cargar) para que funcione
Realidad aumentada con javascript y
Admitamoslo: Google chrome es la puta ostia, pero no tanto como firefox. De vez en cuando uso google chrome para mirar mi correo de hotmail, ya que en firefox no me funciona y el otro dia descubri una buena caracteristica: En la barra de desplazamiento vertical se muestra con una pequeña linea amarilla los resultados de la busqueda (+ info). La caracteristica realmente me gusto, asi que busque una extension para firefox que haga eso. Al no encontrarla, esta noche me he puesto a hacer unos experimentos, y no he conseguido hacerlo igual, pero me ha quedado algo parecido:
Resultados en la barra de desplazamiento
aun hay algunos errores en la posición de las barritas y tengo que intentar que las barritas queden debajo de la barra de desplazamiento (como en google chrome), pero es un buen comienzo
Como hos abreis dado cuenta (era una cosa descaradisima), la ultima entrada era falsa, era una improvisación de 2 minutos hecha para el dia de los tontos de abril. En estos momentos probablemente este en Paris, de viaje de estudio. El hotel segun tengo entendido es cutrisimo, probablemente no tenga wifi, y de todas formas no voy a llevar notebook (no tengo), pero llevare la psp y si pillo wifi tratare de twitear algo.
Este es el primer post que programo.
Sigueme en Twitter!