Processing Programlama – Renkler

Processing Programlama - Renkler

Şekillerin kenarlarının ve içinin rengini ayarlamak istiyor isek, şekilleri çizdirmeden önce :
Kenarlar için stroke fonksiyonu, içi için ise fill fonksiyonu kullanılması gerekir. Eğer fonksiyonlar tek parametre ile çağırılırsa gri ölçeğinde renkler elde edilir. Fonksiyon parametresi olarak 0 siyahı, 255 beyazı temsil etmektedir.
Processing Programlama - Renkler

Processing Programlama - Renkler
stroke(0);
fill(128);
rect(150,100,80,75);
Eğer stroke ve fill fonksiyonları üç parametre ile çağırılırsa RGB ölçeğinde renkler elde edilir.

Processing Programlama - Renkler

stroke(255,0,0);
fill(0,0,255);
rect(150,100,80,75);

Arka planın rengi değiştirilmek isteniyor ise background fonksiyonu kullanılır. Background fonksiyonu da stroke ve fill fonksiyonları gibi tek bir parametre alırsa gri ölçeğinde, 3 parametre alırsa RGB ölçeğinde renkler üretecektir.

Processing Programlama - Renkler
stroke(255,0,0);
background(216,225,149);
fill(0,0,255);
rect(150,100,80,75);

Renk birleşimleri aşağıdaki şekilde tanımlanabilmektedir.

  • Kırmızı + Yeşil = Sarı 
  • Kırmızı + Mavi = Mor 
  • Yeşil + Mavi = Açık Mavi(cyan) 
  • Kırmızı + Yeşil + Mavi = Beyaz 
  • Renk Yok = Siyah

Renkler aynı zamanda tek parametre içinde 16’lık sistemde(hexadecimal) olarak da yazılabilir.
      background(#43CCE5);

Processing içerisinde renk seçici arayüz barındırmaktadır. Tools -> Color Selector yolu ile renk seçiciye ulaşılabilir.

Processing Programlama - Renkler
Renk alanlarına 4. parametre girilerek rengin transparanlığı belirlenebilir. 255 opak, 0 ise tam transparanı belirtir.
Processing Programlama - Renkler

size(250,250);
background(0);
noStroke();
fill(0,0,255);
rect(0,0,100,200);
fill(255,0,0,255);
rect(0,0,200,40);
fill(255,0,0,191);
rect(0,50,200,40);
fill(255,0,0,127);
rect(0,100,200,40);
fill(255,0,0,63);
rect(0,150,200,40);

Processing Programlama - Renkler
background(10, 80, 100);
stroke(255, 255, 255);
fill(160, 220, 90);
ellipse(250, 200, 300, 300);
fill(160, 210, 230);
rect(245, 40, 10, 240);
fill(255, 255, 255);
ellipse(190, 200, 70, 70);
Share

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir