Referansla şekillenen Three.js portföyü
Verilen görsel referansı katmanlı parçacıklar, VHS ve CRT dokusu, akıcı geçişler ve ekranlara uyumlu etkileşim içeren özenli bir Three.js sitesine dönüştür.
Harika bir fikir için başlangıç noktası
Kaynağa dayanan bu 3B istemleri referans alın, kendinize uyarlayın ve aynı fikri GPT-6 Astra, Claude, Kimi veya kullandığınız başka bir modelde deneyin.
Verilen görsel referansı katmanlı parçacıklar, VHS ve CRT dokusu, akıcı geçişler ve ekranlara uyumlu etkileşim içeren özenli bir Three.js sitesine dönüştür.
Bir geliştirici modellere aynı görevi vererek karşılaştırdı: “3B futbol stadyumu oluştur”.
Three.js'de drift, hızlanma, yatış yapan kamera, hava frenleri ve kalkan toplama içeren yüksek hızlı anti-yerçekimli savaş yarışı oluştur. Yükseltilmiş uzaylı pistinde hafif, dengeli ve ağır araçlar bulunsun.
bir Subway Surfers oyunu oluştur
Binlerce asker, çalışan köylüler, kuşatma sistemleri, yıkılabilir yapılar ve savaşın yönünü değiştirebilen bir ejderhayla büyük bir voksel Orta Çağ krallığı oluştur.
Yerel ve prosedürel varlıklarla Godot'ta Sonic esintili özenli bir 3B bölüm yap. Momentuma, tepkili dolaşıma, halkalara, döngülere, kayma raylarına ve kesintisiz tropikal kıyıya öncelik ver.
Fotogrametri taramasından Blender'da oturma odasını yeniden oluştur. Sahneyi sıfırdan modelle, dokuları taramadan al ve uygun yerlerde prosedürel gölgelendiriciler kullan.
Three.js'de Airbus H145 helikopterinin 3B modelini oluştur. Kabini, iniş kızakları ve rotor düzeneği tanınabilir ve incelenebilir olsun.
Three.js'de tek turda ayrıntılı bir deniz savaşı oluştur. Farklı gemiler, fiziksel olarak inandırıcı su etkileşimi, dümen suyu ve sıçramalar, hava çatışmaları, patlamalar, sinematik aydınlatma, kamera hareketi ve performansı gözeten render ekle.
Basit voksel tarzı futbol animasyonu için Three.js (CDN) kullanan tek HTML dosyası oluştur. Blok oyuncu 2 savunmacıyı çalımlayıp kutlama parçacıklarıyla muhteşem gol atsın. Renkli stadyum görünümü kullan. YALNIZCA eksiksiz HTML kodunu döndür.
Kendi kendine yeterli bir Three.js HTML dosyasında Rube Goldberg makinesi oluştur. Sonunda bir düğmeye basıp gösterişli patlama başlatan mekanik etkileşimler dizisi kullan.
Teenage Engineering TP-7’yi referans görsellerinden Three.js içinde yeniden oluşturun. Biçimini ve görünür kontrollerini incelenebilir bir 3D modelde eşleştirin.
İstem — Three.js ile sade HTML, CSS ve JavaScript kullanarak “Jelly Jungle” adlı eksiksiz bir tarayıcı 3B oyunu oluştur; mevcut proje zaten bir çatı kullanıyorsa onu koru. Renkli oyuncak dünyalarından ve orman oyun parklarından esinlenen özgün bir arcade engel parkuru oluştur. Yap
testimiz — 3 istem, tek dosyalık html, @threejs, tamamen prosedürel, dış varlık yok. her silahta küçük ateş düğmesi (web audio silah sesi + namlu alevi + geri tepme + kovan atımı) ve silahı etiketli parçalara ayırıp yeniden birleştiren sökme anahtarı var: 1. 5,56 m4 karabina — teleskopik dipçik, emniyet·yarı otomatik·seri atış seçici, r14–r28 panel numaralı dört ray, aimpoint kırmızı nokta nişangâh, dikey tutacak, katlanır bipod, a2 alev gizleyici, 10 parçaya ayrılma 2. glock 18c — seçilebilir atışlı otomatik tabanca, delikli 18c kompansatör yuvaları, “glock 18c / austria 9x19” işaretleri, uzatılmış 33 mermilik şarjör; sürgü, delikli namlu, geri getirme yayı, gövde ve şarjöre ayrılma 3. steyr tmp — nervürlü polimer gövde, dişli namlu, bütünleşik ön dikey tutacak, eğimli yarı saydam 30 mermilik şarjör
Referans stadyumu doğru tribün katları, saha, çatı, ışık ve ölçekle ayrıntılı, gezilebilir bir 3B sahne olarak yeniden oluştur. Ardından görsel doğruluğu ve üretim maliyetini karşılaştır.
Verilen 3B karaktere iskelet ekle; yürüme, koşma ve çeşitli kung fu hareketleri oluştur. Animasyonlarda bozuk eklemleri ve kararsız pozları kontrol et.
Ekli görüntüye dayanan keşfedilebilir 3B Three.js dünyası oluştur. Gereksinimler: Birinci şahıs kontrolleri (WASD + fareyle bakış), çarpışma algılama ve geometrinin içinden geçmeme. AAA görseller: PBR malzemeler, HDRI tabanlı ışık, gerçek gölgeler ve son işleme (ton eşleme, bloom, kenar yumuşatma). Hareket eden veya etkileşilebilen her şeye fizik uygula. Orta sınıf GPU'da 60 FPS. Süreç İşi bağımsız kollara ayır: arazi, nesneler/geometri, malzemeler/dokular, ışık, fizik, kontroller/kamera ve performans. Her kola bir alt ajan ata. Her alt ajan kolunu baştan sona sahiplenip yaptıklarını ve hâlâ zayıf olanları bildirsin. Birleştir, sonra incele: dünyayı gez, tüm görünür kusurları listele ve düzelt. Tam incelemede sıfır kusur çıkana veya 5 döngüye ulaşana kadar tekrarla. Her durumda çözülemeyenleri bildir. Tek çalıştırılabilir proje ve başlatma talimatları teslim et.
Oyuncuyu katmanlı ortamlardan Fuji Dağı zirvesine götüren güzel bir Three.js fantastik yolculuğu oluştur. Atmosferik ışık, dolaşım ve açık bir yükseliş hissi ver.
Blender'da hazırlanmış karakterler, güvenilir kontroller, hareket ve vuruş animasyonları, top fiziği, puanlama, rakipler ve maç akışıyla oynanabilir Unity tenis oyununu tamamla.
Bir Three.js tren modelini şehirler, kavşaklar, nehirler ve köprüler içeren bir demiryolu simülasyonuna dönüştürün. Tren takip, serbest 3D ve izometrik kameralar ile duman efektleri ekleyin.
New York'ta geçen, sürüş, yaya hareketi, şehir trafiği, görevler ve inandırıcı yaşayan dünya döngüsü içeren GTA tarzı erken aşama çok oyunculu açık dünya prototipi oluştur.
Oyuncunun gemide dolaştığı, görevleri yaptığı ve buzdağından kaçınmaya çalıştığı sinematik Titanic oyunu oluştur. Kontroller anlaşılır, tehlike giderek artan yapıda olsun.
Savaş sırasında Vietnam ormanında uçan askerî helikopterin sinematik 3B animasyonu.
Dört kuş ve farklı özel güçlerle 3B sapan oyunu oluştur. Nişan alıp bırakma kontrolleri, yıkılabilir yapılar ve tekrar oynanabilir puan döngüsü ekle.
3B yapım anlatımları
Bağımsız içerik üreticilerinin her modeli gerçek bir 3B projede denemesini izleyin; ardından yukarıdaki ücretsiz istemlerle kendi denemenizi yapın.
Peter Yang’ın dört oyun projesini nasıl geliştirdiğini izleyin: referans görseller ve kurulumdan oynanabilir sahnelere, ardından geri bildirimlerle yapılan iyileştirmelere.
YouTube ↗11:35’teki 3D bölümüne geçin: bir kurt adam karakteri, animasyon ve oynanabilir bir orman sahnesi. Bu bölüm, daha kapsamlı bir Astra incelemesinin parçasıdır.
YouTube ↗Kimi K3'ün yönergeyi yorumlamaktan geometriyi planlamaya ve sahneyi geliştirmeye kadar 3B ve Blender iş akışını nasıl yürüttüğünü izleyin.
YouTube ↗Claude Opus 5'ten tek istemle oynanabilir bir 3B oyun oluşturmasını isteyen uygulamalı bir deneme; kontrolleri, oyun durumunu ve kabul kontrollerini yapılandırmak için faydalı bir örnek.
YouTube ↗Claude Fable 5'in 3B modelleme ajanı olarak uygulamalı testi; görsel isteminizi geliştirirken dikkate almanız gereken güçlü ve zayıf yönler için faydalı bir bağlam sunar.
YouTube ↗Ücretsiz yapay zekâ 3B istem kütüphanesi
Blender modelleme, Three.js web siteleri, tarayıcı oyunları ve etkileşimli dünyalar için 3B istem örneklerine göz atın. Her kayıt herkese açık bir projeye bağlanır ve yazarın birebir istemiyle kaynaktan uyarlanan yönergeyi birbirinden ayırır; böylece neyi uyarladığınızı bilirsiniz.
Astra istemleriyle başlayın, Claude ve Kimi örneklerini keşfedin veya GitHub kodu olan projeleri filtreleyin. Bir referans kopyalayın, sahnenize uyarlayın ve tercih ettiğiniz modelde deneyin. Daha ayrıntılı karakter ve nesneler için Tripo'da 3B varlıklar oluşturun.

Blender sahneleri, Three.js web siteleri ve oyunları için Astra istemlerini ve gerçek 3B örneklerini keşfedin. Sonuçları önizleyin, bir yönerge kopyalayın ve varsa GitHub projelerini inceleyin.
İstemleri keşfet →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.
İstemleri keşfet →Oynanabilir tarayıcı oyunları, Three.js dünyaları, fizik simülasyonları ve hızlı etkileşimli kodlama denemeleri için ücretsiz Kimi K3 3B istemleri.
İstemleri keşfet →Karmaşık Three.js uygulamaları, fizik simülasyonları, tarayıcı oyunları ve sınırları dikkatle belirlenmiş etkileşimli prototipler için ücretsiz Claude Opus 5 3B istemleri.
İstemleri keşfet →İfade gücü yüksek Three.js sahneleri, stilize ortamlar, üretken hareketler ve etkileşimli görsel deneyler için ücretsiz Claude Fable 5 3B istemleri.
İstemleri keşfet →Temayı değiştirmeden önce sahne hiyerarşisini, kontrolleri ve geri bildirim döngüsünü koruyun.
Her şeyi yeniden yazmak yerine konuyu, kamerayı, renk paletini ve ayırt edici etkileşimi değiştirin.
Prototip çalıştığında Tripo'da özgün karakterler, nesneler ve ortamlar oluşturun.
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