Article cover

19.11.2022

9

Beğenme

1604

Görüntülenme

WebGL nedir ? | Top 6 WebGL Teknolojisi Örneği

WebGL (Web Graphics Library) web tarayıcılarında 3d nesneler, görseller çizdirmek için kullanılan bir (API) programlamadır. Kâr amacı gütmeyen Khronos Group tarafından geliştiriliyor.

web ortamında 3d grafik çizimi sağlanmasını amaçlayan bir web standardıdır. OpenGL ES 2.0 üzerine temellendirilmiştir, otomatik hafıza yönetimli JavaScript gibi dillere uyum sağlaması için küçük değişikliklere uğramış olsa da WebGL OpenGL ES'ten çok da farklı değildir. Uyumlu web tarayıcısında herhangi bir eklenti kurulmasını gerektirmeden, HTML5'in Canvas elementi üzerinde 3 boyutlu grafik çizimi yapılmasını mümkün kılmaktadır.

Microsoft (Internet Explorer), Mozilla (Firefox), Apple (Safari), Google (Chrome) ve Opera (Opera) şirketleri Khronos WebGL çalışma grubunun üyeleridirler.


Top 6 WebGL Teknolojisi Örneği


1. Sponza Sarayı

-Baylon.js çerçevesinden inanılmaz ışık ve doku pişirme özellikleri. Bu örnekte, Hırvatistan'daki Sponza Sarayı'nın herhangi bir uygulama veya yardımcı program indirmeye gerek kalmadan bir tarayıcıda oluşturulmuş bir bölümünü göreceksiniz. Özel ekipman olmadan sanal gerçeklik dünyasına dalın.

Babylon.js çerçeve yeteneklerine iyi bir örnek. Burada, tüm WebVR demolarında doğru şekilde görüntülenecek çarpıcı gerçekçi grafikler bulacaksınız.

Sponza Palace projesine bağlantı


2. Masa Tenisi WebGL'si

Masa tenisi doğrudan tarayıcınızda. Bir mod seçin (tekli veya çok oyunculu) ve büyük sporlar dünyasına yolculuğunuza başlayın. Oynayın, öğrenin ve kazanın. Kullanılan kütüphaneler deepstream.io ve three.js, cannon.js'dir.

VR tenis projesine bağlantı


3. Kuzey Operası

Spoiler vermeden ve bir gizem duygusu yaratmadan bir tiyatro performansının reklamı nasıl yapılır? Thee.js kitaplığını kullanan canlı bir çözüm, sizi sanal gerçeklikte aksiyon dolu bir gerilim filminin büyülü dünyasına sürükleyecek.

Opera North projesine bağlantı.


4. Web Yarışı oyunu

Yarış arabalarını gece ve gündüz modunda kontrol edebileceğiniz three.js kitaplığının kullanıldığı başka bir örnek. Gallardo ve Veyron arabalarının son derece ayrıntılı iki 3D modeli arasından seçim yapma şansına sahip olacaksınız. Görüş kameralarını değiştirin ve kendi yarış römorklarınızı oluşturun.

Web Yarışı oyun projesine bağlantı


5. Dans Zamanı

Bu projeyi yazılı olarak anlatmak zor. Sadece bağlantıyı takip edin ve her şeyi anlayacaksınız. İlginç bir nüans - VR gözlüğünüz varsa, dansınızı kaydedebilir ve benzer bir projeye koyabilirsiniz.

Dans zamanı projesine bağlantı


6. WebGL'de 3D Su

3D projeler ve sanal gerçeklik için su oluşturmak, her zaman çok fazla bilgi işlem gücü gerektiren karmaşık, sıralı bir matematiksel süreçtir. Ancak WebGL'nin piyasaya sürülmesiyle bu işlev tüm güzelliği ve fiziği ile tarayıcılar için kullanılabilir hale geldi.

Water in WebGL projesine bağlantı










HTML
Unity Essentials
JavaScript

Yorumlar

Kullanıcı yorumlarını görüntüleyebilmek için kayıt olmalısınız!

Olgun Karabulut

Merhabalar, Ben Olgun şuan bir ön yüz geliştiricisi olarak Abanoz Medya Reklam Ajansında çalışıyorum ve kendimi patika.dev sayesinde daha da iyi şekilde geliştiriyorum.

Konum

Trabzon, TR

Eğitim

Bilgisayar Programcılığı - Kırıkkale Üniversitesi

İş Tecrübesi

Yazılım Stajyer - Abanoz Medya

Front End Developer - Abanoz Medya

© 2021 Patika Dev

facebook
twitter
instagram
youtube
linkedin

Disclaimer: The information /programs / events provided on https://patika.dev and https://risein.com are strictly for upskilling and networking purposes related to the technical infrastructure of blockchain platforms. We do not provide financial or investment advice and do not make any representations regarding the value, profitability, or future price of any blockchain or cryptocurrency. Users are encouraged to conduct their own research and consult with licensed financial professionals before engaging in any investment activities. https://patika.dev and https://risein.com disclaim any responsibility for financial decisions made by users based on information provided here.