Three.js
Tarayıcıda 3D dünyalar kurmanın standardı. Tarayıcıda WebGL/WebGPU üzerinden 3D sahne, ışık, gölge ve kamera animasyonu yapmaya yarayan JavaScript kütüphanesi. Web'deki 3D içeriğin büyük kısmı bunun üzerinde çalışır. Videodaki şablonun istediği RoundedBoxGeometry ve GTAOPass (ortam gölgelemesi) gibi parçalar repodaki addons klasöründe gerçekten var. 2010'dan beri geliştiriliyor; yaklaşık 2.600 katkıcısı var, son sürümü r186 (24 Eylül 2026).
Web sitesine 3D görsel katmak isteyen geliştiriciler ve 3D'ye merak salan herkes için.
Nasıl kullanılır?
5 adımThree.js, tarayıcıda 3D çizim yapan bir JavaScript kütüphanesi. Web'de gördüğün 3D ürün görselleri ve oyunların büyük kısmı bunun üzerine kurulu.
Denemek için threejs.org/examples sayfasına gir; yüzlerce hazır örnek tıklayınca tarayıcında çalışır.
threejs.org/editor adresinde kod yazmadan sahne kurabilirsin: nesne ekle, ışık koy, döndür.
Kod yazacaksan üç parça yeter: sahne, kamera (nereden baktığın) ve çizim motoru (renderer).
yani: nesnelerin durduğu yer.
Projene npm install three komutuyla eklersin; belgeler ve örnek kodlar sitede hazır.
Kendin kur
npm install three