Este es un pequeño paisaje creado en Processing

float angulo;
PImage imagen;
PImage imagen2;
 
void setup() {
  size(640, 500);
  smooth();
  background(0);
  imagen = loadImage("pasto.jpg");
 imagen2 = loadImage("luna.jpg");
}
 
void draw()
{
  pasto();
  luna();
  frameRate(1);
  stroke(random(255), random(255), random(255));
  strokeWeight(random(1,3));
  float a = random(10f,50f);
  angulo = radians(a);
  float p1 = random(1,640);
  float f = random(70,90);
  translate(p1,height);
  line(0,0,0,-f);
  translate(0,-f);
  Ramas(f);
}
 
void mousePressed()
{
  background(0);
}
 
void Ramas(float h)
{
  h *= 0.66;
 
  if (h > 2) {
    pushMatrix();
    rotate(angulo);
    line(0, 0, 0, -h);
    translate(0, -h);
    Ramas(h);
    popMatrix(); 
 
    pushMatrix();
    rotate(-angulo);
    line(0, 0, 0, -h);
    translate(0, -h);
    Ramas(h);
    popMatrix();
  }
}
 
void pasto(){
  float des = (random(50,100)) /(random(5,10));
  for(int x=0 ; x<640 ; x++)
  {
    for(int y=0 ; y<100 ; y++)
    {
      color este;
      este = imagen.get( x+int( random(-des,des) ) , y+int( random(-des,des) ) );
      set( x , y+450 , este );
    }
  }
}
 
void luna(){
  float des = (random(50,100)) /(random(5,10));
  for(int x=0 ; x<244 ; x++)
  {
    for(int y=0 ; y<240 ; y++)
    {
      color este;
      este = imagen2.get( x+int( random(-des,des) ) , y+int( random(-des,des) ) );
      set( x+400 , y , este );
    }
  }
}

Aqui una pequeña muestra de como puede quedar:

Antes de comenzar quiero mencionar que este tutorial fue basado en el tutorial “Modelado con Booleanas en Maya” que se encuentra en el blog “Capital 3D” a continuación el link del tutorial mencionado http://capital3d.blogspot.com/2008/07/modelado-con-booleanas-en-maya.html

Comencemos !!

1. Escojemos la vista Top, poniendo sobre ella el puntero del mouse y presionamos la barra espaciadora



2. Creamos el primer objeto, un cilindro, vamos a “Create / Poligon Primitives / Cilinder” damos clic en el cuadradito eso va permitir ver un ventana con opciones



3. En esta ventanita vamos a cambiar el “Axis Divisions” a 50 y el “Cap Divisions” a 0 después damos clic en “Create”



4. A continuación, presiona la tecla “f” para que te acerques bien al cilindro”



5. Presione “F9”, vas a ver unos puntos morados, selecciona todos los puntos de la derecha, hazlo de afuera hacia adentro



6. Ahora presiona “alt + clic derecho” del mouse y mueve el mismo hacia arriba para que puedas alejar un poco la vista, luego presiona la tecla “w” que sirve para activar la herramienta de mover y mueve esos puntos de manera que se alargue el objeto



7. Ahora, selecciona todos los puntos de la mitad para abajo y muévelos para ir formando la ficha de domino



8. Ve a “Create / Polygon Primitives / Cube” esto te va a crear un cubo



9. Así te tiene que quedar el cubo: largo, delgado y que solo este un poco metido en la parte de arriba de la ficha de domino, mira en las cuatro vistas usando la barra espaciadora y elije la vista “side” para que te quede igual que mi imagen



10. Regresa a la vista “top” y tiene que quedar así



11. Vamos al menú “Create / Polygons Primitives / Sphere” y hacemos haz clic en el cuadradito para que salga la ventana de opciones



12. Cambiamos los dos valores de subdivisión a 30 y luego presionamos el botón “Create”

13. Ahora ve a la vista “Side” y asegúrate que la esfera este saliendo de la mitad para arriba en relación a la ficha



14. Ahora vamos a copiar los objetos, cuando copies un objeto Maya te va a poner la copia exactamente en el mismo lugar del original así que debes mover la copia para poder verla, para copiar debes seleccionar el objeto original y luego “control + d”



15. Ve al menú “Mesh / Booleans / Union” esta herramienta sirve para pegar dos objetos, lo malo es que solo se pueden pegar objetos de dos en dos, une todas los objetos incluyendo el cubo menos la ficha de tal manera que quede como se muestra en la figura



16. Ahora vamos a darle color a los puntitos, mantenlos seleccionados y ve a la pestaña llamada “Rendering” y haz clic sobre la segunda esfera gris



17. En el “Editor de Atributos” que está a mano derecha vas a ver la opción llamada color presiona sobre ese cuadradito gris y una nueva ventana aparecerá, selecciona en ella el color que tú quieras, cuando estés listo presiona “Aceptar”



18. Ahora, selecciona la ficha, vuelve a hacer clic sobre la esferita gris de “Blinn” en la pestaña de “Render” y píntala (después de pintarla presionamos la tecla “5” para hacerlo solido)



19. Ahora seleccionamos la ficha y luego usando la tecla “Shift” selecciones los puntitos, cuando haces eso la ficha va a tener una orilla blanca y los puntitos una orilla verde indicándote que fueron los últimos en ser seleccionados



20. Vamos al menú “Mesh / Booleans / Difference”, los puntos cortan a la ficha



21. Vamos al menú “Modify / Center Pivot” y damos clic sobre el centro de la figura



22. Ahora giramos la ficha para poder levantarla, para que te aparezca la herramienta de girar presiona “e” o del lado izquierdo el icono “rótate tool” y nos vamos a la vista “perps”



23. Listo!! Ya tenemos nuestra figura terminada

Con esto damos por terminado el tutorial cualquier duda o pregunta estamos para ayudarles

Como recordarán durante el #designcamp realizado en Querétaro, el equipo de cómputo me hizo una mala pasada, y les quedé a deber algún material para presentar, esta es un pequeño código (sin optimizar y recomiendo su visualización desde un navegador como Chrome o Safari, Firefox truena :( ), sobre la generación de paisajes de manera automática y utilizando el elemento canvas del nuevo HTML5.

Espero que les guste y los comentarios son bienvenidos

http://www.ubicuos.com/designcamp

Nota: Espero realizar una versión con webworkers, para leer más sobre los webworkers http://ejohn.org/blog/web-workers/

Carlos Camargo de Flynet Studios nos manda este tutorial en vídeo en exclusiva para los lectores de Ubicuos.com