Temel Kodlar

►void setup(); Program ilk başlatıldığında atanacak özellikleri belirler. Bu bloktaki kodlar program ilk çalıştırıldığında işletilir ve program yeniden çalıştırılana kadar tekrar işletilmez.

►size(x,y); Program çalıştığında açılacak pencerenin boyutunu piksel cinsinden belirler. Burada x genişlik y ise yüksekliktir. Bu pikseller arasında bir koordinat sisteminde olduğu gibi koordinat belirterek çalışabiliriz.

►stroke(r,g,b); Burada ekrana yazdırılacak ya da çizdirilecek nesnelerin rengi belirlenir. Renk yoğunlukları 0-255 arasında verilecek sayıyla belirlenir. "r" kırmızı yoğunluğunu, "g" yeşil yoğunluğunu "b" mavi yoğunluğunu belirtir.

►stroke(r,g,b,t) şeklinde kullanıldığında t ye girilen değer (0-255 aralığında) transparanlığı ayarlar. 

►stroke(w) şeklinde de kullanılabilir w yerine web renkleri cinsinden değer yazılabilir.

►stroke(128, 100,0,128)   // kırmızı yoğunluğu %50, yeşil %40, mavi %0, transparanlık %50

►stroke(#FF8000);             // parlak turuncu 

Ayrıca renk seçimi için "Tools" menüsü altındaki "Color Selector" ü kullanabilirsiniz.

►background(r,g,b); Bu kod arka plan rengini belirtir. Çalışma şekli stroke ile aynıdır.

►void draw(); Bu blok programa bir şey çizmesi gerektiğini bildirir. Blok içine yazılacak kodlar çizilecek nesnenin özelliklerini belirler program akışı esnasında bu bloğun sonuna gelindiğinde tekrar bloğun başına döner ve program kapatılana kadar döngü şeklinde çalıştırılır.

Draw bloğu içerisindeki;

►line(x,y,z,t); Bu fonksiyon adından da anlaşılacağı gibi çizgi çizme fonksiyonudur. X ve Y çizginin başlangıç koordinatlarını Z, T ise bitiş koordinatlarını belirtir. Burada "150, 25" çizilecek çizgilerin başlangıç noktasıdır, mouseX ve mouseY ise o anda mouse imlecinin bulunduğu noktanın koordinatlarıdır. Yani draw bloğu her çalıştığında başlangıç noktasıyla mouse imlecinin bulunduğu nokta arasına bir çizgi çizer.

Başlangıç noktasını açılan ekranın ortasındaki nokta olarak belirlemek için başlangıç noktası değerlerini width ve height ile belirleyebiliriz;

line(width/2 , height/2 , mauseX , mauseY) ; bu durumda başlangıç noktası açılan pencerenin ortasındaki nokta olacaktır.

Ayrıca;

rect(x,y,z,t); ile kare

ellipse(x,y,z,t); ile elips çizebilirsiniz 

Draw bloğundan sonraki;

►void mousePressed(); Bu fonksiyon mouse butonuna tıklanma olayı durumunda bu bloğun içine yazılan kodlar işletir. Sadece mouse butonuna tıklandığında bir kere çalıştırılır.

►saveFrame("output-####.png"); bu fonksiyon her çalıştırıldığında işletim sisteminizin kurulu olduğu sürücünüze "output-####.png " adında pencerenizin ekran görüntüsünü kaydeder. "####" kısmına her defasında farklı bir sayı vererek ekran görüntülerinin üst üste yazılmasını önleyecektir.

►background(192,64,0); Bu fonksiyona girilen değerler setup bloğundaki background fonksiyonuna girilen değerlerle aynı olacağı için Mouse tıklandığında arka planı ilk durumuna getirir ve o ana kadar ekranda beliren tüm nesneler silinmiş olur. 

Böylece mouse butonuna her tıkladığınızda önce pencerenin son halini ekran görüntüsü olarak kaydedecek, daha sonra pencerenizi temizleyerek tekrar çizmeye hazır hale getirecektir.

Processing open-source (açık kaynaklı) bir yazılımdır. Ücretsiz olarak buradan indirebilirsiniz. Yine aynı sitenin tutorial kısmıda sizin Processing adına kafanızda bir şeyler oluşturmak yeterli olacaktır. Bununla yeterli kalmamınızı ve File>>Examples menüsünde tek tek her örneğe bakmanızı tavsiye ederiz. Eminiz ki ilgi alanınıza uygun birçok şey bulacaksınız.