Tatai from the trenches

Otro de mis pequeños proyectos

Página 19 de 26

Qué hacer con la Wii, aparte de jugar

Me pasa Krom este par de videos muy muy interesantes sobre aplicaciones realizadas por hechas con la ayuda del Wii Remote (el mando de la Wii). Ambos videos han sido realizados por Johnny Chung Lee que hay que decir que aparte de lo impresionante de la demostración, el hombre también se ha currado bastante el montaje del video. Ambos ví­deos están en inglés, pero se entienden muy facil.
Este primer ví­deo muestra como es capaz, únicamente con sus dedos, de que el ordenador realice acciones… al estilo Minority Report, jeje. La verdad es que la forma de conseguirlo es «sencilla» (quitando el tema de programar la aplicación). Únicamente es necesario el Wii Remote, una placa con diversos emisores de infrarojos (en el video es la placa que pone delante del Wii Remote y un poco de material reflectante en sus dedos. De esta forma, consigue que el mando «vea» sus dedos. Luego ya «sólo» queda programar la aplicación.

[youtube]http://www.youtube.com/watch?v=0awjPUkBXOU[/youtube]

Este segundo ví­deo es todaví­a más espectacular que el anterior y creo que abre un campo muy interesante para el mundo de los videojuegos (si es que alguien no lo ha puesto en práctica ya). Resumiendo, lo que ha hecho es usar el Wii Remote y el Sense Bar (la barra que detecta los mandos) para conseguir que el ordenador siga a la cabeza (head tracking) y permitir visualización de realidad virtual. Lo que va a hacer es conseguir que en la televisión se vea lo que deberí­amos ver nosotros cuando nos movemos por la habitación si la televisión fuese una ventana, es decir, no una figura plana que no se mueve, sino algo que nos muestra una realidad (virtual).

[youtube]http://www.youtube.com/v/Jd3-eiid-Uw[/youtube]

Dejo un par de enlaces con información sobre el autor, programas y varios ví­deos más. Visita muy recomendable.

Creo que me voy a comprar un mando xDD

Como reirte un poco con de tus vecinos que roban wifi

Me pasa Zagal este grandioso enlace: Upside-Down-Ternet. Sorry, pero está en inglés, aunque con lo que cuento seguidamente y las imágenes de la web os haréis una idea rápida del contenido.

Pues según cuenta el autor de la página, sus vecinos le roban el wifi y ha visto que tiene dos opciones: encriptar la red o divertirse un poco.

Ha optado por lo segundo.

Lo primero que ha hecho es dividir la red en dos, con iguales privilegios pero con capacidad de diferenciar a los usuarios que entran a robar wifi de los que no. Tras esto… sólo le ha quedado trastear un poco con IPtables (permite en Linux establecer reglas para el tráfico de la red que gobierna ese ordenador/servidor).

La primera «maldad» ha sido redirigir todo el tráfico de sus queridos vecinos a kittenwar. Imagí­nate que pones en tu navegador www.google.com y ves… kittenwar!! La cara de estupefacción, tiene que ser grandiosa.

Pero nada comparado con lo que se le ocurre después. Redirige todo el tráfico a un proxy squid, es decir, hace que cualquier petición web pase por ese proxy, pudiendo controlar qué se sirve y qué no… o lo que es más importante, cómo se sirve ¬¬. Y nada, con la utilidad mogrify hace que cualquier imagen de la web se muestre en espejo vertical y horizontal (ver imágenes de la web… esta muy muy clarito, jeje).

Ya para rematar la faena, en vez de hacer el flip, añade blur (borroso) a las imágenes…

La cara de los vecinos es para verla… no tiene precio.

P.D: la cita a xkcd… acertadí­sima 😀

xRay: cómo ver las entrañas de una web sin firebug, webdeveloper, etc

Via anieto2k descubro xRay, esta excelente utilidad que nos permite ver las propiedades de los elementos que componen una web sin usar Firebug o webdeveloper o tantas aplicaciones que existen actualmente para ello.

La verdad es que reconozco que prefiero usar Firebug por la potencia que tiene, pero también hay que decir que no siempre se tiene esta opción bien porque no tenemos Firefox, porque no tenemos permisos, etc, etc.

¿Y en qué se basa? Pues para hacer funcionar el invento, tan sólo tenemos que ir a la página web que queremos investigar y poner un código (javascript) en la barra de direcciones. Tras esto, únicamente tenemos que hacer click sobre los elementos de la web que nos interesen y obtendremos su información. Este código carga un javascript remoto que es el encargado de realizar todo el trabajo.

El diseño es elegante a la par de cuidado y la verdad es que el resultado es muy muy bueno.

En resumidas cuentas, los pasos que tenemos que realizar son:

  1. Ir a la página web que nos interesa
  2. Una vez en ella, borrar la URL de la barra de direcciones y poner esta otra
  3. Ahora, una vez aparezca la ventana indicando que se ha cargado el script, sólo nos queda hacer click en los elementos para obtener su información

La ventaja que tiene este método es que podemos guardar la dirección como bookmark del navegador y así­ la tendremos muy a mano.

Este es un ejemplo de cómo se muestran las propiedades

xRay en acción sobre Nos pasa algo lo mismo

Según los autores, es compatible con:

  • Todos los navegadores basado en Mozilla (Firefox, Camino, etc) en Linux, Windows y Mac OS X
  • Safari 2 y 3 en Mac OS X. En el Safari 3 para Windows la forma de usarlo es un poco distinta (ver enlace)
  • Internet Explorer 6+

De momento no funciona con Opera, pero están en ello.

Para los más atrevidos, parece que hay una versión beta que puede accederse usando este otro código. Lo he estado probando y no he notado diferencias a parte de un efecto de degradado cuando carga la página… supongo que les he pillado todaví­a con poco desarrollo de la versión beta 🙂

Vocabulario

Me pasa Miritxu (gracias!) estas palabras con su correspondiente definición para que tomemos buena nota y aumentemos nuestro vocabulario!

INESTABLE: Mesa norteamericana de Ines.
ONDEANDO: Onde estoy
CAMARÓN: Aparato enorme que saca fotos.
DECIMAL: Pronunciar equivocadamente.
BECERRO: Que ve u observa una loma o colina.
BERMUDAS: Observar a las que no hablan.
TELEPATíA: aparato de TV para la hermana de mi mamá.
TELÓN: Tela de 50 metros … o más.
ANÓMALO: Hemorroides.
BERRO: Bastor Alebán.
BARBARISMO: Colección exagerada de muñecas barbie.
POLINESIA: Mujer Policí­a que no se entera de nada.
ENVERGADURA: Lugar de la anatomí­a humana en dónde se colocan los condones.
CHINCHILLA: Auchenchia de un lugar para chentarche.
DIADEMAS: Veintinueve de febrero.
DILEMAS: Háblale más.
MANIFIESTA: Juerga de cacahuetes.
MEOLLO: Me escucho.
TOTOPO: Mamamí­fero ciciciego dede pepelo nenegro que cocome frifrijoles.
ATIBORRARTE: Desaparecerte.
CACAREO: Excremento del preso.
CACHIVACHE: Pequeño hoyo en el pavimento que está a punto de convertirse en vache.
ELECCIÓN: Lo que expelimenta un oliental al vel una pelí­cula polno.
ENDOSCOPIO: Me preparo para todos los exámenes excepto para dos.
NITRATO: Ni lo intento.
NUEVAMENTE: Cerebro sin usar.
TALENTO: No ta rápido.
ESGUINCE: Uno más gatorce.
ESMALTE: Ni lune ni miélcole.
SORPRENDIDA: Monja en llamas

Tetris a cappella

Me llega a través de Arcan este desternillante ví­deo de un tipo que hace la canción del Tetris a cappella y a tres voces. No es perfecta, pero la verdad es que el resultado final es genial.

[youtube]http://www.youtube.com/watch?v=3bFgOej5E1U[/youtube]

CSS Text Wrapper. Cómo dar forma a nuestro texto

Via anieto2k descubro esta curiosa aplicación: CSS Text Wrapper. Es una ingeniosa aplicación que nos permite dar la forma que queramos a nuestros párrafos (ver ejemplos).

La verdad es que el método es bastante sencillo ya que se trata de que tengamos un contenedor con nuestro texto (un simple div) y la aplicación coloca mediante Javascript diversos divs a un lado y al otro del nuestro de modo que el texto en su interior se adapte a esa forma. Así­, podremos adaptar el texto a la forma que más nos interese para colocar imágenes, otros textos, etc.

Hay un ví­deo-tutorial que nos muestra cómo funciona este método y cómo podemos utilizar la herramienta que hay en la web de la aplicación para adaptar nuestro texto a dos formas redondas.

Creo que lo único que harí­a falta es buscar accesibilidad. Al menos cuando he desactivado Javascript de la página de ejemplos no se mostraba el texto. Creo que (por ejemplo viendo el ejemplo del propio ví­deo) serí­a interesante que el texto apareciese en bloque cuando no hubiese javascript y que en caso de que hubiese javascript, apareciesen las imágenes (o flotasen de otra forma) y se viese con la forma final. Uhm… trastearemos un poco, jeje

Soy un diota 3!! y 4!! y 5-ultimate!!!

Pues sí­, pues sí­! Casualmente me ha dado por buscar y ya se sabe que el que busca… encuentra! xD

Tras la ya conocida primera parte y la segunda, del Idiot Test, acabo de encontrar la tercera parte, la cuarta y la ultimate (que vamos a numerar como 5, jeje)

Todas estas nuevas versiones nos darán un password al terminar cada nivel para que podamos comenzar desde ese punto y no tener que pasarnos de nuevo todo 😀

Además, desde la cuarta y quinta parte podremos jugar a las anteriores, aunque os dejo todos los enlaces para el que quiera guardarlos.

Además, podemos ir a la página oficial del Idiot Test.

Y nada, sólo queda comprobar quien saca más! o menos! bueno… lo que sea!!!

A divertirse!!!

Gráficos rápidos y sencillos con Google

Leo en el blog de programa con Google, uno de los primeros posts de este blog que hace referencia a una utilidad que creó la gente de Google para usar en Google Video y Google Finance que se llama Google Chart API. Es una aplicación (un servicio?) web que crea imágenes de gráficos bajo demanda.

Digamos que es como un sencillo gnuplot aunque completo, pero mucho más rápido de manejar y se configura directamente en la llamada en el src de una imagen. Leyendo la sintaxis de la llamada en la documentación de la API es un tanto particular, ya que codifica los valores de cada muestra mediante letras y números y nosotros mismos tenemos que hacer la adaptación escalada, pero la verdad es que no es complicado.

Tiene una limitación de 50.000 peticiones por usuario y dí­a. Pasado este lí­mite el servicio dejará de funcionar y avisan que llegarán a bloquear si no se limita el uso.

Un ejemplo rápido y sencillo: vamos a mostrar la tasa de transferencia de una web (para ver el código, mirar el código fuente de la página ver el atributo src de la imagen):

Gráfico de transferencia desde Junio (ejemplo)

Chulo, no?

Tienen un montón de opciones y tipos, muy recomendable una visita.

Programa con Google. El blog oficial de Google para desarrolladores en Español

He visto en webeame que el pasado lunes nació Programa con Google, blog en español de Google para desarrolladores que nace con el objetivo de mantener informados a los programadores sobre las últimas novedades de Google.

Además, animan a cualquier persona que haya desarrollado algo interesante con las aplicaciones de Google a que se lo enví­en para que ellos lo publiquen, destacando una por semana que será premiada con una camiseta.

También se ofrecen a responder preguntas técnicas siempre dentro de su posibilidad.

Habrá que ver cómo avanza el blog, porque así­ a primera vista tiene muy buena pinta, sobre todo si interesa programa algo con alguna de las aplicaciones que tiene Google. Personalment, ya forma parte de mi lista de feeds RSS 😀

« Entradas anteriores Entradas siguientes »