MondoGonzo

A principios de año veía un ejemplo de visualización de sonido con una versión parcheada de Firefox. Hace un mes, Jacob Seidelin revisitaba uno de sus experimentos apoyándose en esta solución:

[…] a few people have been hacking away at Firefox, attempting to provide just that functionality for the audio element. Some documentation of the new API is available here and if you’re interested, you can follow the development in this bugzilla thread.

Anyway, I’ve been wanting to mess around with this and I figured that retro-fitting my “Pocket Full of Canvas” experiment to use HTML5 audio would be a fairly easy task. You can check out the result here.

Los resultados son bastante bonitos, como se puede ver:

En Ajaxian hablan de como un grupo de programadores ha utilizado un navegador implementado partir de la versión de desarrollo de Firefox 3.7 para experimentar con el procesamiento y visualización de la información de un objeto <audio> con JavaScript. Los resultados se pueden ver en este vídeo [02m01s], aparte de utilizando la versión del navegador desarrollada por esta gente.

Y ya que estamos con el mundo de JavaScript, aquí dejo una versión un tanto especial del Pong vista en Kotaku: Browser Pong.

Hace unos días señalaban en Ajaxian un experimento que se apoya en SoundManager 2 para, al ritmo de una música, producir un efecto visual. La parte gráfica está “inspirada” en Dynamic hypnoglow, un trozo de código JavaScript de 20 líneas que tengo pendiente de diseccionar (no por obligación, si no por mera curiosidad) hace ya tiempo.

Nunca estuve muy metido en la Demoscene pero estaré atento a los experimentos de este tipo que puedan surgir.

Mi relación con JavaScript es de amor/odio, variando dicho ratio según me salgan las cosas que quiero hacer o no. Para recordarme que con imaginación y talento se pueden hacer cosas bastante llamativas, tengo la costumbre de seguir el blog de Jacob Seidelin, un danés con cierto gusto por Radiohead.

Las imágenes muestran tres capturas de pantalla de otros tantos inventos del caballero mencionado. El primero utiliza SoundManager2 y el objeto canvas, mientras que el segundo añade Milkdrop a la mezcla. El último es una pequeña prueba que utiliza las barras de desplazamiento verticales del navegador de una manera ingeniosa.

Los tres son bastante entretenidos y, si estáis metidos en la programación web, quizás os den algunas ideas interesantes.

He hecho una actualización más sobre la presentación del blog. Si alguien sigue entrando en la página y se fija, abajo a la derecha, en el apartado de “chorradas”, hay una opción para definir un esquema de color personalizado. Pinchando sobre ella se puede parametrizar el aspecto que queréis que tenga el fondo de este blog. No es que sea especialmente intuitivo pero os animo a que hagáis pruebas.

Lo más sencillo es cambiar el color, a verde atómico, por ejemplo. Pinchando sobre “Paleta de colores” podéis seleccionar el color que más os apetezca de una forma sencilla. También se pueden poner imágenes en segundo plano, como en éste fondo con Summer Glau. La imagen es bastante pesada y la original se puede encontrar aquí.

Las imágenes grandes dan bastante buen resultado (una vez almacenadas en cache, por supuesto). Utilizando material de aquí se puede tener un fondo con una puesta de sol o ver elefantes paseando. También se pueden usar imágenes con repetición y mantener el fondo fijo.

Si hacéis cualquier cambio en los parámetros que están dentro de la personalización debéis pinchar sobre “Recordar personalización” si queréis que el navegador lo recuerde. El enlace de “Exportar” genera enlaces como los anteriores.

Por supuesto, nada de esto funciona en Internet Explorer 6 y no sé cómo se comportará con Internet Explorer 7. Tampoco lo he probado con Opera ni con Safari, así que ya me diréis por dónde chilla.

Y eso es todo. Agradeceré cualquier comentario/crítica/sugerencia sensata. Estas chorradas se han comido más tiempo del previsto, así que mañana vuelta a la programación habitual.

Como la mayoría sabrá, Radiohead grabó el vídeo de “House of Cards” [04m32s] con láseres en vez de cámaras convencionales. Si alguien no se había enterado, en Gizmodo dieron un adelanto con una pequeña explicación, repetida en Boing Boing:

No cameras or lights were used. Instead two technologies were used to capture 3D images: Geometric Informatics and Velodyne LIDAR. Geometric Informatics scanning systems produce structured light to capture 3D images at close proximity, while a Velodyne Lidar system that uses multiple lasers is used to capture large environments such as landscapes. In this video, 64 lasers rotating and shooting in a 360 degree radius 900 times per minute produced all the exterior scenes.

Además, salvo la música, el material usado en el vídeo tiene licencia Creative Commons (concretamente la Creative Commons Attribution-Noncommercial-Share Alike 3.0 License).

Todo esta información está en Google Code (el vídeo se ve algo mejor aquí), donde se pueden encontrar los CSV con los datos correspondientes a las nubes de puntos y el código de procesado utilizados para hacer el vídeo (concretamente aquí), como señalaban en MAKE.

Si todo esto no os parece suficientemente friki, atentos a la siguiente jugada a cargo de Nihilogic:

I figured it would be a nice little experiment to try visualizing this data using JavaScript and Canvas so I went and did just that.

La demostración funcional – la razón por la que escribí este post – se puede ver aquí y resulta muy curiosa. Por cierto: “Note that since it uses the Canvas element, it won’t work in Internet Explorer!”.