Etkileşimli
3D portfolyoları, ürün deneyimlerini ve etkileşimli denemeleri keşfedin. Beğendiğiniz bir etkileşime kendi konunuzu ve görsel stilinizi katın.
Ocak 2025'te New York'un sarı taksi hareketliliğini gösteren; 3B harita, saatlik hareketlerin yeniden oynatılması, bölge inceleme ve hafta içi ya da hafta sonu ortalamalarıyla karşılaştırma özelliklerine sahip etkileşimli bir 3B ulaşım atlası.
İzometrik kameralı, kontrol edilebilir karaktere, yansıtıcı ıslak zeminlere ve ortamda hareketliliğe sahip, tarayıcı tabanlı bir Three.js fantastik sahnesi için Dream Loop Plus istemi. Yazar bunu GPT-5.6 Luna xhigh kullanan bir demo istemi olarak etiketliyor; gönderide, optimize edilmiş akışta görsel çalışmayı Astra’nın gerçekleştirdiği belirtiliyor.
Tek bir kendi içinde çalışan HTML dosyasında CERN LHC ve ATLAS’tan esinlenen etkileşimli bir 3B parçacık çarpıştırıcısı oluşturmak için yazar tarafından önerilen başlangıç istemi. Burada, sergilenen sonucun tam olarak hangi girdiden üretildiği değil, benzer bir şey oluşturmak için kullanılabilecek bir istem sunulmaktadır.
Doğal rüzgâr animasyonu, aydınlatma ve kamera modları, duyarlı kontroller, prosedürel bitki örtüsü ve gerçek zamanlı işleme içeren, tarayıcı tabanlı bir Three.js 3B pirinç tarlası manzarası oluşturma istemi.
Ana gönderide, GPT-6 Astra ve Three.js kullanılarak oluşturulan Pekin Cennet Tapınağı İyi Hasatlar İçin Dua Salonu 3B modeli ve web deneyimi gösteriliyor; yazar daha sonra bu tür projeler oluşturmak için kullanılan eksiksiz Çince istemi de paylaştı.
WebGPU ile sallanan dallara, fareyle seçilebilen limonlara ve ezilip zıplama fiziğine sahip etkileşimli bir 3B jöle limon ağacı oluşturur.
Duygulu hareketlere, görünür pil hücrelerine, şarj sistemine ve nesnelerle tetiklenen üç göreve sahip dört ayaklı bir robot için ayrıntılı Three.js oyun spesifikasyonu.
Kurye bisikleti, dükkânlar, ıslak yol efektleri, etrafa saçılmış yapraklar, kavisli bir dünya, piksel sanatı stili ve ayarlanabilir Forge parametreleri içeren etkileşimli bir minyatür sokak sahnesi oluşturun.
Parçaları ayırıp yeniden birleştirmeye yarayan bir kaydırıcı, seçilebilir bileşenler ve her parçanın işlevini açıklayan bilgiler içeren bir 3B akıllı telefon görselleştirmesi oluşturun.
Bir masaüstü bilgisayarı 29 temel bileşenine ayıran etkileşimli bir 3D web sitesi oluşturun. Animasyonlu söküm ve her parça için açıklamalar ekleyin.
Açık harita verileriyle Three.js içinde Seul’ün bir minyatürünü oluşturun. Bölgelere göre gezinme, simge yapılar arasında kamera uçuşları, gündüz ve gece modları ile dokunmatik kontroller ekleyin. Basitleştirilen binaları, tahmini yükseklikleri ve veri lisanslarını belirtin.
Blender’da bir enerji çekirdeği, iki halka ve metal bir taban modelleyin. Malzemeleri döndürme, yakınlaştırma, otomatik yörünge ve nabız efekti kontrolleri sunan bir Three.js görüntüleyicisine aktarın.
Kişisel bir odayı etkileşimli bir tanıtım sitesine dönüştürün. Sahneyi Blender’da oluşturup bake işlemini yapın; ardından kahve buharı, Matrix tarzı animasyon ve hafif shader efektleri ekleyin.
D4’ün başkarakterinin dairesini araştırıp oynanabilir bir 3D prototip olarak yeniden oluşturun. Birebir kopya olduğunu varsaymak yerine yerleşimi ve etkileşimleri referanslarla karşılaştırın.
Astra'dan özgün bir kısa eser ve sesle yönlendirilen animasyona, zaman içinde gezinmeye, ağır çekime, kamera kontrollerine, MIDI'ye ve kaynak dosyalarına sahip oynanabilir bir 3B ensemble oluşturması istendi.
Three.js ile tarayıcıda çalışan, sekiz gezegen ve yirmi uydu içeren bir Güneş Sistemi gezgini oluşturun. Kamera hareketine ve basitleştirilmiş uzay uçuşu planlamasına olanak tanıyın.
Three.js su efektleri, koyu cam görünümlü arayüz ve kaydırmaya bağlı hareketlerle bir derin deniz açılış sayfası oluşturun. 3D atmosferi, anlaşılır ve farklı ekranlara uyum sağlayan web etkileşimleriyle birleştirin.
Taşıma kapsülünü, tüp altyapısını ve sistemdeki hareketi gösteren etkileşimli Three.js Hyperloop demosu oluştur.
Verilen referans görüntüyü, akıcı kaydırmalı stüdyo sitesi içinde Three.js sahnesine dönüştür. Kamera hareketini, tipografiyi ve bölüm geçişlerini koordine et.
Fotogerçekçi WebGL cam şişe etrafında etkileşimli ürün sitesi oluştur. Tarayıcı performansını korurken ışığı kıran sıvı, kaydırmayla dönme ve güçlü tipografi kullan.
3B anı kapsülü makinesi oluştur. Düğmeyi çevirince bir anı serbest kalsın. Mekanizmayı Blender'da modelle; düşen kapsüllere inandırıcı hareket ve ses ver.
Blender'da küçük bir ilk kullanım dioraması oluştur ve Three.js'de canlandır. İlk kullanıcı eylemlerini anlatmak için açık odak nesneleri ve kısa animasyon sekansları kullan.
İnsan bedeninin tek tek incelenebilir yapılara ayrıldığı bir 3B anatomi sitesi oluştur. Patlatılmış görünümde gezinilebilsin ve parçaları anlamlı sistemler hâlinde düzenle.
Doğal pedal hareketine, yörünge kontrollerine, yakınlaştırmaya ve ayarlanabilir hıza sahip, nane yeşili bir bisiklete binen 3B pelikanı tarayıcıda oluşturun.
Ziyaretçinin neye tıklayabileceğini, neyi sürükleyebileceğini veya değiştirebileceğini ve sonucunu açıklayın. İlk etkileşimi anlaşılır kılın; dokunmatik ve fare kontrollerini birlikte belirtin.
Örneklerde kullanılan teknikleri öğrenin.
Bir sonraki sahnenize yakından bakmaya değer bir karakter ekleyin. Bir görselden veya birkaç kelimeden ayrıntılı, dokulu 3B varlıklar oluşturun.
Ücretsiz 3B varlık oluştur
