NachoLabs.playground

El Señor Paul Neave es un diseñador barra programador de UK que ha logrado varios experimentos web muy, muy ocurrentes y bien realizados; entre sus éxitos están la clonación de juegos retro, gráficos en 3D y solapamiento dinámico cuando no había ni soporte de Macromedia ni plugins lindos como Papervision, levante de imagery de varios servicios de mapeo como la NASA, Microsoft, Google y Yahoo, interactividad con micrófono/cámara, levante de videos de múltiples servicios como YouTube, y un efecto líquido muy bueno que lamentablemente ahora no se ve más en la página.

La ocasión de este post es que Neave rediseñó una vez más su sitio entero y publicó a su vez una cantidad importante de nuevos experimentos, uno más adictivo que el otro. Basta con decir que fue la influencia de este buen hombre la que me empujo a dar mis primeros pasos en Flash.

Como proyecto de tesis, el señor Steven Wood creó este fantástico app en Flash, utilizando Papervision3D para el 3D y el API de Flickr para fetchear las fotos. Click en la imagen para abrirlo.

Se trata de un simple buscador de imágenes de Flickr, excepto que dispone los resultados (y los tags relacionados) en forma de planetas. Realmente impresionante.

Click en la imágen para ir. No hay mucho que explicar. Siempre quise pispear el sistema de administración de MediaWiki, y ahora resulta que NO HAY sistema de administración.

Por ahora es un compendio de pavadas que escribimos yo y un par más de nobles colaboradores. No creo que avance mucho esto.

Lo que ves arriba es una captura actual de mi blog de humor absurdo, Yoleíhu! Hace como dos años que lo escribo, y me doy cuenta que me gustaría que los visitantes exploraran entradas anteriores. Entonces surgió la idea de un gadget de «Hace un año en Yoleíhu!», pero una rápida búsqueda reveló que tal gadget no existía, de forma que lo programé a mano.

El gadget está hecho en javascript y json (un formato de datos tal como XML pero modelado según la notación de objetos), y el código se basa en el gadget de phydeaux3 para saltar a un post al azar.

Si te interesa añadirlo a tu blog, hacelo con el siguiente botón:

Generator Generator es mi más reciente creación. Es una interfaz web para crear Generadores, es decir, scripts que generan frases aleatorias cada vez que se carga una página.

De esa forma, ya no te tenés que conformar con un solo slogan para tu blog: podés usar este simple programita online para introducir combinaciones de palabras. Luego sólo te basta con copiar y pegar el código en tu HTML y listo el pollo.

Generator Generator está hecho en javascript / jQuery. Incluye una herramienta de previsualización. No funciona en IE, y a mucha honra.

Este soy yo incursionando en el tenebroso terreno del 3D. Con funciones escritas desde 0 y sin código robado.

El script crea una matrícula de puntos con alturas variables y también crea un rudimentario autito. Calcula las posiciones y la rotación de la cámara, y luego lo dibuja todo en wireframe.

Controles: WASD para manejar el auto. Posición del mouse para rotar el escenario. Rueda del mouse para cambiar el ángulo de visión. Click en la imagen para abrir.

Como su hermano en flash,  ésta es una simplisísima aplicación para dibujar, hecha en javascript. Nada original. Ni siquiera es buena, pero me saqué las ganas de hacerlo y ahora sé un poquitín más de javascript. Además le agregué soporte para color de fondo, color de línea y grosor de línea (variables b, c y g por GET, respectivamente), por ejemplo, con la siguiente URL podés pintar con los colores de NachoLabs y un grosor de 10 píxeles: bibujeitor.php?b=black&c=green&g=10. Ah, y la hotkey para borrar la pantalla es F5.

Ahora que lo pienso,  se le podrían hacer infinidad de mejoras al aparato este: herramientas para hacer líneas, rectángulos, círculos, goma de borrar. Opciones dinámicas de color y grosor. Deshacer y rehacer. Incluso transparencia! Incluso guardar y cargar! Podríamos hacer una comunidad de dibujo!

Neeeh.

…alias ajaxIM, un proyecto de Unwieldy Studios (y que yo calificaría como un total ripoff a la interfaz de meebo.com, sólo que sin ser multiprotocolo). Es un chat interno, en ajax, con ventanas arrastrables, chat en grupo, soporte para skins, lenguajes, etc. Yo monté un cliente que pueden testear clickeando en la imagen de arriba.

Saliendo del esquema negro/verde, me inspiré en yugop para hacer un diseño simple, pixelado dentro de lo posible.

Ahora se incluye un formulario de contacto y mi portfolio.

En el tercer rediseño reutilicé la mayor parte de la pantalla para visualizar y pre-visualizar mis experimentos, reservando algo así como 200px a la derecha para los menúes. Tambien, afortunadamente, cambié mi foto por una más… humana.

Cuando hice este sitio ya estaba un poco (mucho) mas ducho en el arte del ActionScript. Claro, todavía está el inconveniente de que puse una foto algo aterradora de mí. Fuera de eso, el sitio está bastante decente.

Al cabo de unos meses me dejó de convencer, y ya verán lo que diseñé…

Mi primer sitio empresarial. Qué ternura. Cargaba imágenes al azar y era bilingüe, y hasta el header reflejaba el título y el logo. Medio zonza, pero linda igual. Ahora que la veo tiene algunos bugs, y mi inglés de por entonces no era lo mejorcito. Pero bueh, click en la imagen para visitarlo.

Los señores de .theprodukkt encontraron la forma de crear un FPS con gráficos de alta resolución, sonidos profesionales y una estética que no tiene nada que envidiar a los juegos comerciales, y lo llamativo es que este juego pesa 96 kb.

También hicieron una película de 7 minutos, con gráficos de última generación, una dirección original e impecable, todo renderizado en tiempo real. El archivo pesa 180 kb.

El nivel de estas cosas me impactó, y revisando la web de .theprodukkt encontré werkkzeug, un creador de animaciones en 3D basado en la misma tecnología. Me pasé la tarde aprendiendo lo básico, y el resultado es lo que ven ahí arriba. Tal vez en el futuro me salga hacer algo más lindo, por ahora sigo intentando descifrar la animación, la iluminación, el mapeado de las texturas…