İyinet'e Hoşgeldiniz!

Türkiye'nin En Eski Webmaster Forum'una Hemen Kayıt Olun!

Kayıt Ol!

3D JavaScript Kütüphaneleri

Nova

0
İyinet Üyesi
Katılım
28 Mart 2018
Mesajlar
152
Reaction score
1
Konum
Ankara
3d-javascript-kutuphaneleri.png


Web geliştiricilerin işine yarayacak, tasarımlarını kaliteli bir hale getirecek 3D JavaScript Kütüphanelerinden bahsettik.

Günümüzde web alanında JavaScript önemli bir yere sahip ve git gide değerini de artırmaktadır. Modern JavaScript şaşırtacak derecede güçlüdür, “WebGL” kütüphanelerinden ve “SVG/Canvas” ögelerinden de destek görmektedir. Bu makalemizde web geliştiricileri için tasarımlarına yeni bir boyut kazandıracak 3D JavaScript Kütüphanelerinden bahsettik.

Three.js
Three.js bu listenin başında almayı hak ediyor. Sıfırdan öğrenmek biraz karmaşık olabilir fakat en iyi 3D kütüphanelerden biridir.

Çekirdek bir grup tarafından yönetiliyor ve GitHub’ da ücretsiz olarak yayınlanıyor. Three.js öncelikle SVG/ Canvas öğeleri ve WebGL kütüphaneleri üzerinde çalışır. Three.js için orta düzey JavaScript bilgisi gerekmektedir, ama tüm kurulumu Three.js belgelerinde bulabilirsiniz.

Web’ de 3D projelerde ciddi iseniz tek seçenek bu değil ancak yeni başlayanlar için ideal.

01-threejs-homepage.jpg


Babylon.js
Babylon.js, güçlü bir kütüphanedir ve WebGL’ ye dayanır. Sadece JavaScript’ te çalışır. Diğer kütüphanelere göre biraz daha popüler ancak Three.js ile aynı erişime sahip değildir. Yine de, tarayıcı tabanlı web oyunları oluşturmak isteyen web geliştiricileri için güçlü bir seçenek olarak kabul edilmektedir. Ana sayfasında bir çok demo ön izlemesini ve 3D oyun tasarımına nasıl başlayacağınızla ilgili ipuçlarını bulabilirsiniz.

GitHub’ ta repo ve Babylon.js öğretici gibi kaynaklara sahip. Bu dersler Babylon ekibi tarafından tasarlandığı için bu kütüphaneyi öğrenmeye başlamak oldukça kolay.
02-babylon-js-script.jpg


Cannon.js
Cannon’ ın hızlı yüklenmesi gerekiyor, böylece sayfadaki öğeleri hızla oluşturabilirsiniz. En modern tarayıcıları destekler ve kendi fikirlerinizi buradan oluşturmak için güçlü bir API ile gelir. Canvas öğeleri ve WebGL uygulamaları ile harika şekilde çalışıyor fakat tek zorluğu kütüphaneyi incelemek ve ilk öğrenme eğrisini aşmaktır.
Cannon.js’ nin tarayıcıda nasıl göründüğünü ve neden bu kadar harika olduğunu görmek için GitHub tanıtım sayfasına bakabilirsiniz.

03-cannon-js-library.jpg


Scene.js
Scene.js, şu anda 4.2 sürümünde ve büyük bir açık kaynak kütüphanesine sahip, herhangi bir modern tarayıcı için elemanları 3D olarak oluşturmanıza olanak tanır. Büyük bir geliştirici ekibi tarafından desteklenmektedir ve yıllarca önemli güncellemelerle kullanabileceğiniz en iyi 3D işleme komut dosyalardan biri haline gelmiştir. Bununla birlikte, kendisini daha çok bir görselleştirme kütüphanesi olarak adlandırıyor, bu nedenle sadece temel grafikleri oluşturmak için değildir. Bunun yerine, nesnelerin farklı açılardan birden fazla görünüm tasarlanması veya hatta temel 3D oyun grafikleri oluşturulması gibi daha karmaşık görevler için kullanılabilir.
06-scenejs-script.jpg
 

Türkiye’nin ilk webmaster forum sitesi iyinet.com'da forum üyeleri tarafından yapılan tüm paylaşımlardan; Türk Ceza Kanunu’nun 20. Maddesinin, 5651 Sayılı Kanununun 4. maddesinin 2. fıkrasına göre, paylaşım yapan üyeler sorumludur.

Üst