WebGL Yazı dizisi -1

WebGl nedir?

logo-webgl
WEbGL

3D animasyonları tarayıcı üzerinde gerçekleştirmek için bize olanak sağlayan bir javascript API sidir.

Khronos grup tarafından geliştirilen bir web standartıdır.Khronos Gurup a ek olarak Google (Chrome), Mozilla (Firefox), Apple (Saferi) ve diğer 3D yazılım geliştiricileride destek vermektedir.

Spesifik bir bağlam olan HTML canvas elementinde çalıştırılır, bu size Javascript te hardware-accelerated 3D oluşturucusuna ulaşmanızı sağlar. Çünkü WebGL canvas elementinde çalışır, ayrıca WebGl Bütün DOM arayüzleriyle tamamen entegredir. WEbGl API OpenGL ES 2.0 temellidir, bunun anlamı birçok farklı aygıtta çalışabilir, örneğin masaüstü bilgisayarlar, telefonlar, TV vs. Bunlara Khronos in web sitesinde spesification bölümünden ulaşabilirsiniz.

Nasıl çalıştıracağım ?

Genelde ek bir işlem yapmanıza gerek yok Chrome ve Firefoxta kullandığınız sürümler WEbGl i destekliyor çok eski olmadığı sürece.

Ayrıca İyi bir grafik kartına sahiip olmanız WEbGl performansınızı artırır.

Ne için kullanılır ?

Geliştiricilere Gerçek zamanlı ^d grafikleri tarayıcıda oluşturmaya izin verir. WEbGl ile interaktif müzik, videolar,oyunlar, data sanallaştırması, art, 3D tasarım ortamları, 3D uzay modelleme, 3D nesne modelleme, matematiksel fonksiynların denenmesi,fiziksel simülasyonların yapılması gibi birçok şey uygulanabilir bu sizin hayal gücünüzle sınırlı bir dünya.

Nasıl çalışır ?

Tipik web teknolojilerine göre daha fazla karmaşıktır, çünkü direkt olarak grafik kartıyla çalışması için tasarlanmıştır. Sonuç olarak çok düşük seviyedir.Bu karmaşık 3D gerçekleştirmeleri içeren bir çok hesabı çabucak yapmaya imkan sağlar.

WEbGl in iç işleyisini(rendering) tamamen anlamana gerek yok. Karmaşık işleri elden çıkaran birkaç tane WEbGL kütüphanesi mevcut. Ancak kütüphanende olmayan seçenekler le kodunu zenginleştirmek istersen nasıl çaçlıştığını anlamak kullanışlı olabilir yada daha iyi kavramak için kütüphanelerin bunu nasıl yaptığını görmek ile de bunu yapabilirsiniz seçim tamamen size ait.

WebGL programlama yaparken, genellikle bir tür sahne(scene) işlemek hedefliyoruz.Bu, genellikle bir işlem oluşturma boru hattı(pipeline) adı verilen olsa da GPU içinde gerçekleştirilmektedir, her biri çok sayıda daha sonraki çizim işleri veya “çağrı” içerir.

Birçok gerkeç-zamanlı ^d çizimlerde olduğun gibi üçgen modellerin çiziminde temel elemandır. Bu nedenle WEbGl deki çizim işlemi, spesifik bilgileri oluşturmak için java script kullanır nerede, üçgenler nasıl üluşturuldu ve nasıl görünüyor(renk, gölgelendirme,yazı vs.) gibi bilgiler.Sonra bu bilgiler, hangi işlem olduğu ve döndürdüğü sahne(scene) görüntüsü GPU ya yollanır. Daha sonra bu son olayın nasıl olduğunu anlatacağım. Tam oalrak temel olay bu son kısımda aslında o yüzden bu kısmı ayrı bir yazıda anlatacağım.

Ubuntu desktop configuration file oluşturma

Merhaba,

Ubuntu kullanırken yaşadığımız sık sorunlardan birisi masaütünde uygulama başlatma simgesinin olmaması.

Bu simgeleri kendimizde oluşturabiliriz :

Bir text dosyası açıyoruz ve içerisine:

[Desktop Entry]
Version=x.y
Name=ProgramName
Comment=This is my comment
Exec=/home/alex/Documents/exec.sh
Icon=/home/alex/Pictures/icon.png
Terminal=false
Type=Application
Categories=Utility;Application;

Alanlarını dolduruyoruz, kısaca alanlardan bahsedersek;

Version kısmına istediğimiz bir numarayı verebiliriz keyfi bir değer,
Name kısmına program isimini,
Comment kısmına program ile ilgili bir açıklama,
Exec ksımına çalıştıracağımız uygulamanın yolunu yazıyoruz,
Icon kısmı oluştueduğumuz dosyaya bir simge atar bunun için simge yolunu giriyoruz,
Terminal kısmı uygulamamızın terminalde mi yoksa pencere içerisinde mi çalıştırılacağını söylüyor. False değeri terminalde çalışmayacak anlamında.
Type kısmına Application yazıyoruz,
Categories kısmıda aynı şekilde kalıyor.

Oluşturduğumuz text dosyasını kaydedip kapatıyoruz ve dosya adını ayarladıktan sonra uzantı olarak “.desktop” uzantısına çeviriyoruz. Böylece uygulamamız tamam oluyor. Son olarak sağ tıklayıp özelliklerden çalıştırma ayarı ve program olarak çalıştır seçeneğini işaretliyoruz ve işlem tamamlanmış oluyor.

Ben örnek olarak yukarıdaki değerlerle bir .desktop uzantısı oluşturdum ama dosya yolları omadığı içni çalışmayacak tabiki şimdi size resimlerini göstereceğim:

Screenshot from 2015-06-15 00:48:03
Basic menüsü

Screenshot from 2015-06-15 00:48:29
İzinlerin olduğu kısım