Processing desde Cero: Capitulo 1.1 – RGB, Stroke weight y otros conceptos

En esta entrada me encargare de explicar varios conceptos que deben de quedar claro antes de empezar a meternos mas a fondo.

aqui explicare como funciona el color en processing asi como

strokeWeight(#);

Ejemplo:

stroke

noStroke();

Ejemplo:

nostroke

ahora pasemos al color

en processing puedes usar el color de varias maneras, tenemos el RGB, HSB o con codigo Hexadecimal.

Por default el color es RGB

para este ejemplo dibujare 3 cuadrados:

void setup() {
size(500,300);
background(255);

// Aqui digo: dibujame un cuadrado rojo con 50% de opacidad
fill(255,0,0,50);
rect(20, 20, 60, 60);

//  Dibujame un cuadrado amarillo por medio del codigo hexadecimal
fill(#D4D06A)
rect(120, 20, 60, 60);

// Dibuja un cuadrado con el color HSB
fill(HSB,67,121,131);
rect(220, 20, 60, 60);

}

el codigo se puede encontrar online aqui:

https://www.openprocessing.org/sketch/416773/embed/

este es el resultado:

colores

estas herramientas se pueden usar en funciones como

background();

stroke();

fill();

si queremos que algo no tenga delineado o relleno usaremos las funciones

noStroke();

noFill();

Recursos:

Conversor RGB a HSB

http://www.rags-int-inc.com/phototechstuff/acrcalibration/RGB2HSB.html

Elegir color tanto RGB como Hexadecimal:

http://www.paletton.com

Referencias:

https://processing.org/reference/stroke_.html

https://processing.org/reference/strokeWeight_.html

https://processing.org/reference/noStroke_.html

https://processing.org/reference/fill_.html

https://processing.org/reference/noFill_.html

http://www.comunicacion-multimedia.info/2010/05/modos-o-modelos-de-color-hsb-o-hsv-y.html

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s