dy>İçeriğe geç

AI ajanları web için 3D dünyalar inşa ediyor.

Yazılmış modeller, fiziksel etkileşimler ve keşfe hazır dünyalarla tarayıcı-yerel 3D oyunlar.

Herkese açık laboratuvar süreci

İncelenebilir AI çalışması.

Yayınlanan çalışmaları keşfedin ↗
  1. AI yazarlar

    Modellerden → fiziğe → tarayıcı oyununa

    AI ajanları sahneyi oluşturur, modelleri entegre eder ve etkileşim ile fizik kodunu yazar.

  2. AI inceler

    Oynanabilir dünyayı test et

    Ajanlar oyunu çalıştırır ve mekaniklerini, görsellerini ve performansını inceler.

  3. Öğrenilen dersler geri döner

    Araçlar ve komutlar iyileşir

    Bulgular kayıt altına alınır ve gelecekteki çalışmalar için oluşturucunun rehberliğine ve araçlarına taşınır.

Laboratuvarda yapıldı.

Tüm laboratuvarları keşfet ↗

Saltwind Postası — tebeşir kıyısında şafak vakti bir mektup planörü

three.js · Planör uçuşu

Saltwind Post

Bu proje hakkında

Motoru olmayan, tuval ve pirinçten bir planörle tebeşir taşlığı bir deniz uçurumu boyunca şafak posta seferini uçurun. Yükseklik elinizdeki tek para birimidir: hızla takas edin, uçurumun yukarı savurduğu sırt akıntısında ya da dönen martılarla işaretlenmiş bir termalde geri kazanın, üç teslimat halkasından geçirip onu kum sığlığına indirin. Hava frenleri, 17:1 gövde oranına sahip bir uçağın hiç olmazsa inmesini sağlayan şeydir. Blender'da heykellenmiş planör ve kıyı, üç serbestlik dereceli bir uçuş modeli ve yükseklik azaldıkça arptan çelloya dönüşen bir müzik.

Ashfall Station — alacakaranlık gökyüzü altında kül ovasındaki keşif aracı

three.js · Araç turu

Ashfall Station

Bu proje hakkında

Soğuyan volkanik bir kül ovasında altı tekerlekli bir keşif aracını sürün, üç sensör halkasını kaydedin ve bombardıman sizi bulmadan önce istasyon platformuna dönün. Önceden haber veren lav bombaları sürekli çarpışma tespitiyle düşer, yerde çok oyalanırsanız kabuk gövdenizi pişirir ve tersine dönen bir araç kendini doğrultur çünkü tekerlekli bir araç ters döndüğünde hiç tutuşu kalmaz. Blender'da heykellenmiş araç ve istasyon, ve laboratuvarın cannon-es yerine Rapier fiziği kullanan ilk çalışması — bu karara yol açan kıyaslamayla birlikte.

Glimmerwick — atölyenin mumları arasındaki Wickling

three.js · Misket parkuru

Glimmerwick

Bu proje hakkında

Uyuyan bir mum ustasının atölyesinde erimiş balmumundan bir küreyi yuvarlayın ve Büyük Fitili yeniden yakın. Balmumu sağlığınız, ağırlığınız ve hızınızdır: kor yatakları sizi küçültüp hızlandırır, don havuzları ise sizi kırılgan petek köprüyü paramparça edecek kadar ağırlaştırır. Blender'da heykellenmiş dünya, cannon-es fiziği, örneklenmiş enstrüman müziği.

AI ajanları konseptten yola çıkarak varlık varlık inşa eder

AI ajanları konsept paketini bir varlık envanterine dönüştürür, modelleri Blender'da oluşturur ve etkileşimli dünyayı three.js'te bir araya getirir. Stüdyo tarzı bir konsept paketi her parçanın temelini oluşturur — ana sanat eseri, ortografik dönüş görünümü, üç çevre bölgesi, aksesuarlar, materyaller — ve yazılı bir eleman envanteri, adlandırılan her şeyin gerçek bir Blender varlığına dönüştüğünü kanıtlar. Doğrulayıcı, eksik satırlar varsa tamamlanmayı engeller.

ELEMENT_INVENTORY.md14/14 modellendi
Hero skiffturnaround → skiff.glb · pişirilmiş normaller
Deniz feneri · deniz kemeri · iskelebölge 1 föyü → 3 glb, örneklendi
Zemin · su · gövde malzemelerireferans pano → yüzeye özel shader'lar
Varlık satırı olmayan bir konsept öğesi = derleme yayınlanmaz.

Önce blockout, sanat sonra

Tüm oyun alanı herhangi bir sanat var olmadan önce gri kutular halinde oynanır — ölçek, kamera ve zorluk, bir yerleşim değişikliğinin dakikalara mal olduğu aşamada sabitlenir. Sonra üretilen varlıklar vekillerinin yerini bire bir alır; sanat var olduktan sonra yerleşim asla yeniden tasarlanmaz.

Taslak → nihai
Üç platform, iki köprü ve yer tutucu engellerden oluşan bir 3D oyun alanının üretilmiş gri kutu (graybox) çalışması
Gri taslak
Aynı oyun alanı, kamera ve nesne konumlarının taş platformlar, ahşap köprüler ve bir kahramanla üretilmiş, tamamlanmış sanat görünümü
Bitmiş sanat
His ve okunabilirlik, Blender bir dakika bile harcamadan önce oynayarak kanıtlanır.

Profesyonel ağırlık, web bütçeleri

Yüksek poligonlu detay yalın oyun mesh'lerine bake edilir, ardından her model sıkıştırılır — nicemlenmiş geometri, WebP dokular — ve katı bütçeler deterministik bir doğrulayıcıyla dayatılır: toplam yük, tek dosya sınırları, üçgen sayıları, draw call'lar.

Yük — hero sahneBütçenin altında
skiff.glb11.0MB heykel → pişirilmiş + sıkıştırılmış
2.0MB
Toplam 3D yüküst sınır 12MB · 9 varlık, ×140 örneklendi
7.4MB
RENDERSTATSilk karede kendinden bildirilen
176 call · 412k üçgen

Kendi sanatına uyana dek doğrulandı

Biten oyun oynanır, ekran görüntüsü alınır ve kendi konsept paketine karşı yargılanır — siluet, palet, malzemeler, hareket, ses — ve dürüst bir yan yana karşılaştırma aynı sanat yönetimi olarak okunana dek yinelenir. "İdare eder" değil: birebir uyar.

Konsept uyumu — 2. turGeçti
Konu silueti + paletturnaround ile tolerans dahilinde eşleşiyor
Bölge formları + malzemeler3 bölge kendi föylerine uygun görünüyor
Hareket çifti + gerçekçilikkayma yok, havada asılı kalma yok, dikiş izi yok
1. tur 3 sapma buldu → otomatik düzeltildi → yeniden yargılandı, temiz.

Bir parça nasıl yapılır

01

Konsept paketi

Yedi sayfa + üretimin karşılaması gereken öğe envanteri.

02

Blockout

Herhangi bir sanattan önce oynayan gri kutular — önce his sabitlenir.

03

Blender dünyası

Yont, bake et, sıkıştır — tür başına bir kez, yerleşim başına instance.

04

three.js + fizik

Paketlenmiş motor dosyaları, gerçek rijit cisim fiziği, CDN yok.

05

Temiz çıkana dek doğrula

Yan yana karşılaştırma uyana dek kendi konseptlerine karşı yargılanır.

Sorular, yanıtlarıyla

Neden büyük bir motor yerine three.js?

Çünkü çıktı düz statik dosyalardır: aynı derleme webde, Android/iOS uygulama kabuklarında ve masaüstü uygulamalarda, kurulum olmadan ve tek haneli megabaytla ölçülen bir yükle oynar. Web'e özgü 3D için asıl mesele bu erişimdir.

Modeller gerçekten AI tarafından mı yapılıyor?

Evet — ajanlar platformun yontu kitine karşı Blender betikleri yazar: yontma, retopoloji, UV, normal/AO bake'leri, rigleme, motion capture yeniden hedefleme. Her dışa aktarım yayınlanmadan önce sayısal olarak doğrulanır.

Bir derlemenin çirkin yayınlanmasını ne engeller?

Kendi konsept paketi. Bir görsel yargıç, render edilmiş oynanışı her sayfayla karşılaştırır ve sapma durumunda tamamlanmayı engeller — artı yük, üçgen ve draw call üzerinde deterministik bütçe kapıları.

Kendim de yapabilir miyim?

Evet — AI Game Builder tam olarak bu pipeline'ı çalıştırır. Bir 3D oyun tarif edin; paket, envanter, blockout, varlıklar ve doğrulama sizin derlemeniz için de gerçekleşir.

Çalışmayı doğrudan tarayıcıda deneyebilir miyim?

Laboratuvar, tarayıcıda render edilen 3D deneyimlere odaklanır. Projenin yayınlanan çıktısını açmak için Oynat işlemini kullanın ve o parça için sağlanan kontrolleri inceleyin.

3D briefte kamerayı nasıl tanımlamalıyım?

Oyuncunun dünyayı birinci şahıs, üçüncü şahıs, yukarıdan veya sabit bir bakış açısından görüp görmediğini belirtin. Oynanış sırasında görünür kalması gereken şeyleri açıklayın; kamera, bir mekaniğin hem hissini hem de okunabilirliğini değiştirir.

Görsel stilin dışında neye dikkat etmeliyim?

Ana eylem sırasında hareketi, çarpışmaları, etkileşim geri bildirimini ve kamerayı deneyin. İnandırıcı bir 3D sahne, aynı zamanda okunabilir kontrollere ve işleyen bir oynanış döngüsüne de ihtiyaç duyar.

Kendi 3D oyununu yap

Tarif etmeniz yeter. Kurucu konseptleri çizer, varlıkları yontar, kodu yazar ve sonucu doğrular.