Birinci ve üçüncü şahıs kameralı RPG
Three.js rol yapma oyununa birinci ve üçüncü şahıs kameraları ekle. İki görünüm arasında geçerken hareketi ve keşfi koru.
Kaynağa dayanan fikir → çalışan 3B deneyim
Three.js oyunları, WebGL dünyaları, Blender sahneleri, simülasyonlar ve etkileşimli web siteleri için ücretsiz Claude Fable 5.1 3B istemleri ve kaynağa dayanan yönergeler.
Öne çıkan sonuçlar
82 istem
Kopyala, uyarla, oluştur
Three.js rol yapma oyununa birinci ve üçüncü şahıs kameraları ekle. İki görünüm arasında geçerken hareketi ve keşfi koru.
Oval Ofis'in başkanlık dönemleri boyunca değişimini araştıran etkileşimli Three.js projesi oluştur. Mobilyayı, dekoru ve oda düzenini incelemek için dönemler arasında geçiş sağla.
Three.js'de birinci şahıs gezinmesi olan bir tarayıcı ofisi kur. Ziyaretçiyi adıyla selamlayan 32 iskeletli kişi, tıklanabilir kapılar, yörünge kontrolleri ve plan görünümü ekle.
Pistler, terminaller, taksi ve kalkış yapan uçaklar, yer araçları, saate göre ışık ve genel görünüm kamerasıyla tek seferde bir Three.js havaalanı simülasyonu oluştur.
yeteneklerini gösteren bir Three.js demosu yap.
Cluj-Napoca’daki Piața Unirii’nin etkileşimli voksel dünyasını oluşturun. Meydanın tanınabilir yerleşimini ve simge yapılarını keşfedilebilir bir minyatüre uyarlayın.
Sunset Riders'ın arcade enerjisini çizgi roman görünümü, tepkili ateş etme, atlı aksiyon ve unutulmaz sahnelerle birleştiren hayal gibi bir Three.js kovboy oyunu oluştur.
Maceralı korsan animelerinden esinlenen, adalar, gemiler, dolaşım, savaş ve sosyal keşif döngüsü içeren çok oyunculu Three.js dünyası kur.
NVL72 kabini ve GB300 sistemini Three.js'de patlatılmış görünümle görselleştir. Etiketli bileşenler, aşamalı ayrılma, teknik ışık ve yumuşak kamera geçişleri kullan.
Tanınabilir simgeler, su, atmosferik derinlik, gündüzden geceye ışık ve akıcı yörünge ve uçuş kontrolleriyle etkileşimli bir 3B Toronto silüeti oluştur.
Yüklenen portreyi dalga yer değiştirmesi, siberpunk gölgelendiriciler, verimli örnekleme ve imleçle hareket içeren 10.000'den fazla etkileşimli 3B voksele dönüştür.
C++'ta Minecraft benzeri ışın yürütmeli bir voksel motoru kur. Prosedürel arazi, kamera kontrolleri, blok etkileşimi, ışık ve performansı gözeten arazi parçası yönetimi ekle.
Gerçek bir cheesecake'i tarifinden yola çıkarak Three.js sahnesinde yeniden yap. Altı katmanı, kelepçeli kalıbı ve yağlı kâğıdı ayrı modelle; ardından pastanın bir dakikalık sunumunu oluştur.
Tek istemden farklı araziler, biyomlar, ilgi noktaları, çevresel yaşam ve akıcı keşif kontrolleri olan prosedürel bir Three.js dünyası oluştur.
Rönesans resmi, editoryal tipografi, GSAP geçişleri, WebGL gren efekti ve dünya icat etme temasını birleştiren on sahnelik sinematik tarayıcı deneyimi oluştur.
Three.js'de akan su, sıçrama, kayalar ve açık ölçek hissiyle şelale sahnesi oluştur. Su hareketini anlaşılır kılmak için ışık ve kamera kadrajı kullan.
Mutasyon, bölünme, anjiyogenez, yayılma ve metastazı gösteren eğitici bir 3B kanser hücresi simülasyonu yap. Zaman çizelgesi, etiketler ve aşamalar arasında dikkatli görsel ayrım kullan.
Ana nesnenin açıkça göründüğü temiz beyaz arka planda, inandırıcı oranlar, malzemeler ve inceleme kontrolleriyle Three.js'de ayrıntılı MS-06 esintili mecha oluştur.
tek HTML dosyasında yaşayan bir evren oluştur.
Blender'da eğlenceli bir uçan tencere oluştur. Anlaşılır silüet, iskelet veya prosedürel hareket, ifadeli yatışlar, malzemeler, ışık ve kısa sunum animasyonu ekle.
Saf WebGL2 kullanarak tek HTML dosyasında sinematik kara delik oluştur. Işın yürütmeli kütleçekimsel merceklenme, prosedürel birikim diski, Doppler parlaması ve yörüngedeki parçacıkları ekle.
Three.js'de su çarkının dişlileri, kamı ve tokmakları inandırıcı oranlarla çalıştırdığı işleyen bir değirmen köyü kur. Köylüler ve çevresel hareket sahneyi canlı hissettirsin.
Three.js'de anlaşılır üretim akışı, hareketli bilyeler ve makinelerle bir bilye fabrikası simülasyonu yap. İzleyici süreç boyunca bir bilyeyi takip edebilsin.
Keşfedilebilir odalar, kuleler, kapılar, arazi, atmosferik ışık ve masaüstü ile mobilde akıcı kontrollerle etkileşimli bir Three.js 3B kalesi oluştur.
Nasıl yapıldığını incelemek ister misiniz? Bu koleksiyonda GitHub projelerini filtreleyin veya farklı modellerin kaynak kodlu örneklerini keşfedin. Kodu yeniden kullanmadan önce deponun lisansını kontrol edin.
Kaynak kodlu 3B projeleri keşfet ↗Neden bu koleksiyon?
Bu koleksiyon, Claude Fable 5.1'in çıkışından hemen sonra X'te yapılan bir aramadan derlendi. Tarayıcı nişancı oyunları, voksel şehirler, bilimsel görselleştirmeler, Blender varlıkları ve etkileşimli web sitelerini kapsar. Yazarlar istemin, demonun veya kaynak kodun paylaşım dizisinde olduğunu belirttiğinde yanıtlar da incelendi.
Herkese açık kanıtların kapsamı değişir. Varsa birebir istemi kopyalayın; yoksa kaynaktan uyarlanan kaydı bir üretim yönergesi olarak ele alıp kendi sınırlarınıza göre düzenleyin. Token harcamadan önce gerçek sonucu inceleyebilmeniz için kod deposu ve canlı demo bağlantıları ayrı gösterilir.
Öne çıktığı alanlar
01
Bir oyun fikrini kontrolleri, geri bildirimi, rakipleri ve bitiş koşulu olan eksiksiz bir tarayıcı prototipine dönüştürün.
02
Kapsamlı bir Three.js veya WebGL projesinde render, simülasyon, arayüz ve dünya durumunu birlikte yönetin.
03
Varlıklar, fizik, animasyon ve sunulabilir sahne çıktıları için Blender, Godot veya Unity iş akışlarını kullanın.
İstem tarifi
Görsel ayrıntılara geçmeden önce oyuncunun neler yapabildiğini, bunlara karşılık neyin değiştiğini ve deneyimin nasıl sona erdiğini tanımlayın.
Kamera modlarını, girdileri, durum geçişlerini, çarpışmaları ve yeniden başlatmayı test edilebilir gereksinimler olarak belirtin.
Yoğun voksel veya simülasyon sahnelerinde nesne bütçesini, örnekleme stratejisini ve beklenen kare hızını belirtin.
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şturHer kayıt etiketlidir. “Birebir istem”, görev metninin yazar tarafından yayımlandığını belirtir. “Kaynaktan uyarlanan yönerge” ise herkese açık proje açıklamasından yeniden kullanılabilir bir istem oluşturduğumuz anlamına gelir; gizli bir isteme eriştiğimizi iddia etmeyiz.
Görünür sonuç ve temel etkileşimle başlayın; ardından kamera, kontroller, görsel yön, performans sınırları ve kabul kontrollerini ekleyin. Büyük projelerde değerlendirme ve uygulamayı açık aşamalara ayırın.
Bazı yazarlar kod depolarını veya çalışan projelerini yayımladı. Bu bağlantılar yalnızca bağımsız olarak doğrulandığında gösterilir ve X'teki kaynak paylaşımdan ayrı tutulur.