Three.js
-
↗
Figma’nın İçine 3D Render Motoru Nasıl Kuruldu? Depth Eklentisi
Depth, Figma eklenti penceresinde Three.js ile çalışan ücretsiz bir 3D render motoru. Mimarisini, performans kısıtlarını ve tanıtım sitesinin teknik kararlarını inceliyoruz.
Okuma Süresi:
6–10 dakika -
↗
Three.js, WebGPU ve TSL ile Sonsuz “Liquid Glass” Grid Nasıl Kuruluyor?
Codrops’ta yayımlanan Infinite Liquid Glass projesi, Apple’ın cam estetiğini tarayıcıya taşıyor. Cam efekti gerçek geometriyle değil, SDF ve kanal başına kırılmayla kuruluyor.
Okuma Süresi:
3–5 dakika -
↗
Hero Animasyonumuzu Açık Kaynak Yaptık: ballpit-js Nasıl Çalışıyor?
Sitemizin hero bölümündeki etkileşimli top havuzunu MIT lisansıyla açık kaynak yaptık. Verlet fizik çözücüsü, ortografik kamera tercihi, Fresnel halkası sorunu ve ölçülen performans sayıları.
Okuma Süresi:
4–6 dakika -
↗
Model X Studio Nedir? GPT-6 Astra ile Yapılan Viral Three.js Projesi
Bir geliştirici GPT-6 Astra ile Tesla Model X’i 334 parçaya ayıran viral bir Three.js sitesi yaptı. Nasıl yapıldığını kaynaklarıyla anlatıyoruz.
Okuma Süresi:
3–4 dakika -
↗
Three.js’te Piksel Bütçeleme: Sinematik Sahneler İçin Performans Dersleri
Three.js’te piksel bütçeleme, draw call birleştirme, HDR post-processing ve p95 frame profiling’i FRONTIER projesinin gerçek verileriyle anlatıyoruz.
Okuma Süresi:
4–6 dakika -
↗
Three.js ve WebGPU ile Prosedürel Geometri: Codrops’un Geometry Painter Projesinden Ne Öğreniyoruz?
Three.js’in WebGPU render motoru ve TSL ile prosedürel geometri nasıl üretilir? Codrops’un Geometry Painter projesiyle tekniklerini anlatıyoruz.
Okuma Süresi:
3–4 dakika