| Subcribe via RSS

Crayones mágicos

agosto 20th, 2009 | No Comments | Posted in Geek, Ilustración-Inspiración

Si has vuelto a visitar nuestro sitio tal vez quieras suscribirte a RSS feed. Gracias!

Conoce a los lápices de colores  (crayones) que pueden hacer de cualquier persona un artista. Dibuja como lo harías normalmente y los lápices de colores crean armonía, por lo que cualquiera puede hacer dibujos con colores muy bien mezclados.

crayones00

crayones01

Disponibles aquí

VN:F [1.9.3_1094]
Rating: 8.5/10 (2 votes cast)

Origami (2 platos)

agosto 19th, 2009 | No Comments | Posted in Ilustración-Inspiración, Uncategorized

Roger Oddone

origamilogo01

origamilogo02

origamilogo03

Hace unos días vimos en el blog increíbles trabajos de origami de Mabona, hoy volvemos  a sorprendernos con el diseñador brasilero Roger Oddone; quien realizo la identidad corporativa de “Fundaçao Toyota do Brazil”.

Vista: Rogger Odone

VN:F [1.9.3_1094]
Rating: 9.0/10 (3 votes cast)

Processing (introducción-básico)

agosto 18th, 2009 | No Comments | Posted in Processing-tutorial

¿Qué es PROCESSING?

processing01

Processing es un lenguaje y entorno de programación de código abierto basado en Java, de fácil utilización, y que sirve como medio para la enseñanza y producción de proyectos multimedia e interactivos de diseño digital. Fue iniciado por Ben Fry y Casey Reas a partir de reflexiones en el Aesthetics and Computation Group del MIT Media Lab.

Processing es desarrollado por artistas y diseñadores como una herramienta alternativa al software propietario. Puede ser utilizado tanto para aplicaciones locales así como aplicaciones para la web.

La ayuda que ofrecen en la misma página de donde se descarga el programa es excelente, otra buena noticia es que es multiplataforma. http://processing.org/

Instalación

Para Windows, la instalación es extremadamente fácil.

1. Bajar la versión estándar.
2. Descomprimir el archivo .zip en la carpeta que os haga más gracia.
3. Clicar en Processing.exe… y listo!

Interface 1
La interface es sencilla. Esto permite que todo el mundo se pueda familiarizar con el muy rápidamente.
El menú que me interesa ahora es el siguiente:

menu

6 opciones: run, stop, new, open, save, export.
Hay tres que casi no hay que explicar. Solamente hay que tener en cuenta que cuando creamos un nuevo proyecto con p5, se llama sketch, i l’Sketch Folder es la carpeta donde se guarda. En principio, ‘Sketch consta tan solo de la misma carpeta y de un archivo .pde que contiene el código. Pero se pueden agregar carpetas: data por fichero de imagen, vídeo…

RUN: sirve para ejecutar el código.

STOP: Para el programa

NEW: Crea un nuevo Sketch

OPEN: Abrir un Sketch existente

SAVE: Guardar Sketch con el que se está trabajando. Se debe utilizar mucho, por si  acaso, pero aún más utilizar el “save as” del menú convencional para ir guardando versiones de los proyectos a medida que vayamos trabajando.

EXPORT: sirve para preparar el programa con el que estamos trabajando para ser ejecutado a través de un navegador, ya sea en la web o simplemente fuera del entorno processing.

“Hola mundo”

Es hora de pasar a la acción y comenzar a hacer código!
programa

Escribir: print(“Hello World!”);dentro de la interface de Processing, presiona “run” y se ejecutará!
Print es una instrucción que le dice a java que escriba el parámetro (que va entre paréntesis)en la consola.
Hay un punto y coma al final de la línea. EN JAVA, ES NECESARIO ACABAR CADA LÍNEA DE CÓDIGO CON UN PUNTO Y COMA.
Esto quiere decir que es necesario “;” al final de cada instrucción, no necesariamente de cada línea tal y como lo escribimos en la interfície de Processing.
Pero si tener esto en cuenta siempre ya que es un error muy común olvidarse de alguno.

También es MUY IMPORTANTE cuando programamos EL ORDEN en que escribimos las intrucciones. Así, el código:

println(“Hello World!”);

println(“Hola mundo!”);

escribirá primero la frase en inglés y después en castellano. Obviamente aquí el ejemplo es trivial, pero la importancia es muy grande a medida que el código se vuelve complejo.

En el segundo ejemplo la instrucción es println, con “ln”. Esto quiere decir “print line”, y ejecuta un cambio de línea después de escribir cada parámetro.

Píxels: RGB y la cuadrícula

COLOR:
El ordenador entiende el color de la manera siguiente:

AAAAAAAARRRRRRRRGGGGGGGGBBBBBBBB

Esto significa que cada uno de los cuatro valores de color (alfa, rojo, verde, azul), ocupa 8 bits (1 byte) en la memoria.
Esto le da, de cara a processing un rango de 0 a 255 por cada uno de los cuatro valores. El valor de un color, entonces, se expresa en Processing así:
color(255,0,0) para un rojo pur, por ejemplo, o para un verde con un alfa (transparencia) del 50%: color(0,255,0,127). Si no se especifica el parámetro alfa se entiende que su valor es máximo, 255 y por lo tanto no hay transparencia (la opacidad es total).

Cuando un color está en la escala de grises (y por lo tanto los valores R,G,B son iguales), se puede expresar con un solo valor: color(127);
Hay varias maneras de utilizar el color. Las que utilizaremos al principio son background(), stroke() y fill(). Dentro los paréntesis pondremos un valor de color para cambiar, respectivamente, el color de fondo de la ventana, el trazo en una forma geométrica, y el color de la forma en si (el que lo rellena).

LA CUADRÍCULA:

Processing trabaja píxel a píxel. Es decir, para dibujar con Processing debemos tener en cuenta que trabajamos en una cuadrícula de píxeles. Esta cuadrícula puede ser de 100 X 100 – la medida por defecto,  la hemos visto con los ejemplos de “Hello World!” -, 200 X 454, 1008 X 91.

Para dibujarlo, por ejemplo, una línea, le deberemos decir de que punto a que punto de la cuadrícula debe ir.  Por una esfera, en que punto comienza y que medidas tiene, etc.

Si se trabaja píxel a píxel, entonces, esto quiere decir que cada píxel tiene un lugar en la cuadrícula, que se expresa con las coordenadas X, Y. Hay que tener en cuenta que el punto 0,0 es la esquina superior izquierda.

Para entenderlo rapidamente, el mejor mirar la siguiente simulación, donde moviendo el ratón se ven las coordenadas del píxel donde se encuentra.

Lo que si es interesante es utilizar las teclas “n” y “m” para ver diferentes simulaciones de resolución y como crece exponencialmente el número de píxeles en la cuadrícula a medida que ésta aumenta.

Visita: processing

VN:F [1.9.3_1094]
Rating: 10.0/10 (2 votes cast)

Tipografía Google Map

googlemaptipografia

googlemaptipografia2

Es un alfabeto formado con imagenes de google map.

El proyecto se realizó desde octubre de 2008 a abril de 2009. ¡Muy buen trabajo!

Visita:  Rhett Dashwood

VN:F [1.9.3_1094]
Rating: 10.0/10 (1 vote cast)

Mabona Origami

agosto 12th, 2009 | No Comments | Posted in Animación-Inspiración, Uncategorized

mabonaorigami01

Onitsuka Tigre – Septiembre 2007

mabonaorigami03

Video: mabona origami

Sipho Mabona comenzó realizando su primer trabajo de papel a los 5 años y desde entonces no ha parado. Recientemente fue convocado por la agencia Nordpol+ Hamburg para crear diseños origamis en un video de 5 minutos realmente excelente.

Actualmente radicado en Luzern, Suiza. Podran ver alguno de sus trabajos en Flickr

Visita: mabona origami y otros videos.

VN:F [1.9.3_1094]
Rating: 9.8/10 (5 votes cast)