Processing’te mimari görsel çakıştırma ve transparanlık

Mimarların proje çizimlerinde sıklıkla karşılaştıkları bir durum olan görsel çakıştırma işlemi, Processing’te kolayca yapılabilmekte. Örneğin, bir planlamada merdivenlerin, bacaların vb. kesitte nasıl planlandığını görmek isteyelim. Bu durumda, çakıştırmak istediğimiz görselleri (plan, kesit, perspektif ya da tefriş olabilir) Processing’te açtığımız eskiz dosyasına png olarak kayıt etmeliyiz. Dikkat etmemiz gereken en önemli nokta, görsel isimlerinin doğru çağırılması. Processing ekranında yukarıda yer alan Sketch menüsünden Show sketch folder seçeneği ile eskiz dosyamıza ulaşabiliriz.

Tanımlamalarını yaparak görselleri draw fonksyonu içine getirdiğimizde, transparanlığı ile oynayarak üst üste çakıştırma işlemini gerçekleştirebiliriz. Aşağıdaki kodda, satırların hangi işlemleri gerçekleştirdiğini belirttim. Kendi görsellerimi de, denemeler yapılabilmesi için yükledim. Görseller kendi tasarladığım bir konser salonundan :) Kodu Processing’e kopyalayıp yapıştırdığınızda kullanabilirsiniz. Aşağıdaki linkte, neler olması gerektiğine dair bir videoyu da ekledim.

https://www.youtube.com/watch?v=LHThh4YxnGo

Sorularınızı email ile iletebilirsiniz (ayseglass@gmail.com).

// Görselleri tanımladık
PImage img;
PImage img2;
//Eskiz boyutunu seçerek görselleri çağırdık
void setup() {
size(1000, 500);
img = loadImage(“oda3.png”);
img2 = loadImage(“oda32.png”);
}
void draw() {
background(255);
// İlk görselin transparanlığını değiştirme. Aşağıdaki satırda tint yazan bölüm açıldığında ilk görsel daha koyu görülmeli.
// tint(255);

// İlk görseli sabitledik
image(img, 0, 0, 500,500);
// İkinci görselin transparanlığını değiştirme
tint(255,100);
// İkinci görseli sabit olanla çakıştırabilmek için fare koordinatlarını takip edecek şekilde yerleştirdik
image(img2, mouseX, mouseY, 500,500);
}
// Sevgiler :) Dr. Ayşe Glass