P5.js Koordinat Sistemini Anlama

Merhaba arkadaşlar p5.js ile ilgili birşeyler yazacağım dedim ancak bir türlü sıra getiremedim. p5.org sitesinde bir hayli örnek var bu örneklere yer verip buradan anlatma yolunu tercih edeyim diyorum . Zaten bir konu ancak güzel örneklerle anlaşılır. Bende yine oradaki örnekleri türkçe kaynak olsun için burada  göstereceğim. Önceki p5.js yazısındaki bilgileri de hatırlarsak p5.js aslında processing ‘in ” javascript powered ” versiyonu. Dolayısıyla processing ‘i rahat rahat web üzerinde kullanın diye geliştirilmiş . 

Şimdi Koordinat sistemini anlayalım. Bütün nesneler sahnede belirli bir koordinat belirlenerek oralarda oluşturulur. Koordinat yapısı pixel tabanlı olarak oluşturulmuştur. Eğer sahneye bir obje ekleyecekseniz bunun koordinatlarını pixel cinsinden belirlemeniz gerekli. Orijin noktası (0,0) ekranın sol üst köşesini ifade ederken sahnenin sonu ise sahne boyu -1 ve sahne eni -1 şeklinde belirlenir . Bu aralıkta nesnelerinizi yerleştirebilirsiniz. 

kaynak:https://p5js.org/examples/structure-coordinates.html

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir