Show Menu
Cheatography

Dibujar objetos 3D en Processing Cheat Sheet by

Este es un cheatsheet con el API para dibujar y mostrar objetos 3D en processing.

Lie­nzo

Establecer las dimens­iones del lienzo con la instru­cción size() y el parámetro P3D para trabajar en 3D: size(x, y, P3D)

Pro­pie­dades del lienzo

Establecer color de fondo, un color para la línea y un color de relleno con:
backgr­oun­d(c­olor)
stroke­(color)
fill(c­olor)

Definir lugar de dibujo

Establecer el punto para dibujar, inicia­lmente el punto de dibujo se encuentra en posición (0,0,0), esquina superior izquierda del lienzo. Con la instru­cción:
trasla­te(x, y, z)
trasla­te(x, y)
Trasladamos el origen de coorde­nadas al punto indicado.

Vista del dibujo

Para tener una vista en perspe­ctiva de la figura, imponemos una rotación en sus ejes como:
rotate­X(a­ngulo)
rotate­Y(a­ngulo)
rotate­Z(a­ngulo)
 

Dibujar 3D funciones box and sphere

Hay instru­cciones que permiten dibujar ya en 3D en proces­sing, como:
box(x) -> Dibuja un cubo de longitud de sus lados x
sphere(x) -> Dibuja una esfera con radio x

Dibujar figuras 3D person­ali­zad­as

Las figuras person­ali­zadas se dibujan mediante:
beginS­hape()
endShape()
vertex­(x,y,z)
Colocando varios poligonos uno al lado del otro, esto se realiza haciendo polígono por polígono o con un ciclo que nos permita realizar esto.

Paso 1

Definir el numero de lados de la base en una variable, 
las el ángulo en que se recorrerá, la altura y el radio:

int sides = 10;
float angle = 360 / sides;
float halfHeight = height / 2;
float r = 100;
 

Paso 2

Dibujar bases de la figura usando ciclos 
y las funciones sin y cos.

Estos pasos se repiten para dibujar la base inferior 
y superior con la diferencia de la variable halfHeight,
donde una es positiva y la otra negativa, 
o se puede omitir una en caso de no ocuparla:

    beginShape();
    for (int i = 0; i < sides; i++) {
      float x = cos( radians( i  angle ) )  r;
      float y = sin( radians( i  angle ) )  r; 
      vertex( x, y, (-)halfHeight);
    }
    endShape(CLOSE);

Paso 3

Dibujar contorno de la figura, para realizar esto es
lo mismo de la anterior pero a diferencia se debe
especificar QUAD_STRIP en el beginShape para 
dibujar rectángulos, y para vertex se debe definir
tanto negativo como positivo.

    beginShape(QUAD_STRIP);
     for (int i = 0; i < sides + 1; i++) {
       float x = cos( radians( i  angle ) )  r;
       float y = sin( radians( i  angle ) )  r;
       vertex( x, y, halfHeight);
       vertex( x, y, -halfHeight);
    }
    endShape(CLOSE);

Nota: Todos los parámetros de cada ciclo pueden 
cambiar dependiendo de la figura deseada, 
debido a que no todas presentan las mismas 
características.
 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.

          Related Cheat Sheets

          DIP Exam 2 Cheat Sheet
          NTLK Language Processing Python Cheat Sheet
          Dibujo de figuras geometricas en Processing Cheat Sheet

          More Cheat Sheets by CesarANS

          Dibujo de figuras geometricas en Processing Cheat Sheet
          Sintaxis de Processing Cheat Sheet
          Dibujar 3D en Processing Cheat Sheet