Animasyon Lab

Her animasyon tarayıcıda, kodla çiziliyor. Bir karta tıklayıp izlemeye başlayın; ses için hoparlörü açın.

BiyolojiSindirim YolculuğuBir besinin ağızdan mideye, bağırsaklara, kana ve beyne uzanan yolculuğunu anlatan etkileşimli 3D animasyon.Three.js r170 · WebGL · Web Audio · Avaturn GLB karakter

TarihBuzdolabından ÖnceBuzdolabı yokken yemek nasıl saklanırdı: Zimri-Lim'in buz evinden Herodot'un balığına, bozkırdaki kuruta ve Appert'in kaynatılmış şişelerine.Canvas 2D · Web Audio (OfflineAudioContext)

Tarihİstanbul'un FethiBin yıllık surlar elli üç günde nasıl aşıldı? 1453 kuşatması, canlanan bir minyatür harita üzerinde adım adım.Canvas 2D · prosedürel minyatür harita · Web Audio

TeknolojiBir Sayfanın Yolculuğu: Yazıcı ve FotokopiBir lazer yazıcının içinde sayfanın doğuşu ve fotokopide fotoğrafın neden hareli desenlere döndüğü.Canvas 2D + WebGL2 (yarım ton, tarama ve kopya benzetimi gölgelendiricide), Web Audio (OfflineAudioContext) ile üretilen ses

TeknolojiYazıcının İçindeRenkli lazer yazıcı ve fotokopi kesit hâlinde: tambur, lazer, toner, fırın, tarayıcı ve kopyadan kopyaya biriken kayıplarThree.js 0.186 · Vite · GPU baskı/kopya simülasyonu · Web Audio

YazılımGit Hattı: Sürüm KontrolüGit ile sürüm kontrolü bir metro haritası üzerinde: commit, dal, birleştirme, çakışma, push ve pull.Canvas 2D · Web Audio · prosedürel hat haritası

YazılımSpring Boot'un İçiSpringApplication.run() satırının arkasındaki iki saniye ağır çekimde: konteyner, bean yaşam döngüsü, otomatik yapılandırma, proxy'ler ve bir HTTP isteğinin yolculuğu.Canvas 2D · Web Audio · kod ve teknik çizim yan yana

BelgeselBal Arısının Bir GünüDoğa belgeseli: hayatının son haftasındaki bir toplayıcı bal arısının şafaktan geceye bir günü. Gökyüzünü pusula yapması, polarize ışık, bizim göremediğimiz ultraviyole çiçek desenleri, eve giden ok, karanlık kovanda sallanım dansı ve nektarın bala dönüşmesi.Three.js · özel toon/ramp shader'lar · arı gözü altıgen mozaik post efekti · prosedürel arı, ıhlamur, çayır ve petek · Web Audio · Vite

BelgeselKarıncanın Gözünde Hayat · Belgesel SürümüBiyoloji belgeseli: aynı karınca belgeseli, belgesel anlatım skilli ve gerçekçilik araştırmasıyla yeniden: uzun objektif, gerçek çayır ışığı, sahneyi kıran çiy damlaları, dur-kalk yürüyüş ve kahraman odaklı anlatım.Babylon.js 9 · PBR · HDRI · alan derinliği · Vite

Kısa FilmKararSözsüz kısa film: bir müzik kutusunun, pimi kırık olduğu için hiç çalınmamış tozlu dişi, yay biterken kendini kırık pime uzatır ve her turda yarım kalan melodiyi bitirir.Three.js · özel bokeh alan derinliği ve bloom · eğilen diş shader'ı · Web Audio ile sentezlenmiş müzik kutusu

Kısa FilmSağanakSözsüz kısa film: kavruk bir kanyonda avuç kadar bir bulut, boynu bükük bir tomurcuk için dağ kadar büyür ve yağar.Canvas 2D · tek dosya · Web Audio