Google Gemini 3 + three.js tarafından tamamen etkilendim.. Sıfır kodlama olmadan 3D ürün etkileşimli bir uygulama oluşturdum.. 3D modeli döndürmek, ölçeklendirmek, kontrol etmek ve aydınlatma için el hareketlerini kullanın Yapay zeka kontrolü ele alıyor.. kabul etmek ya da kabul etmemek Aşağıdaki eğitim, promptlar ve kodla:

1. Hiç kod deneyimi olmayan insanların artık yapay zeka ile böyle gelişmiş bir web sitesi kurabileceğine inanamıyorum AI ajanıyla sohbet (metin) yaparak 3D modeller, fonksiyonlar ekleyebilir ve kullanıcı arayüzünü ayarlayabilirsiniz.. Bu inanılmaz.. Uygulama Önizlemesi: code&prompts sonunda

2. 3D modeli .gltf formatına dönüştürün Artık sadece bu formatı tanıyabiliyor, herhangi bir 3D yazılımı kullanarak dönüştürebilirsiniz, dokuların doğru uygulandığından emin olun Burada 3D animasyonlar da yapabilirsiniz İşte test etmeniz için Vision Pro modeli:

3. gltf 3D modeli doğrudan yükleyin Bunu Gemini 3 Pro ile yaptım ama açıkta, 3D modeli doğrudan yüklememize olanak tanıyor, üçüncü taraf depolama yerine bu çok daha pratik

4. Fonksiyon ekleyin 3D modelin X, Y, Z pozisyonlarını kontrol etmem için kaydırıcılar eklemesini istedim, birkaç saniyede yaptılar ve gayet iyi çalışıyorlar..

5. 3D ortam yaratın Ürününüz için sabit bir 3D dünya oluşturabilir ve hatta ondan aydınlatma eklemesini, yere gölge düşürmesini ve ürünün kendisi için iç gölge eklemesini isteyebilirsiniz

6. Hataları düzeltin Genellikle uygulamayı analiz eder ve hataları otomatik olarak düzeltir, hatayı kopyalayabilir veya sadece ekran görüntüsü alarak ajandan düzeltmesini isteebilirsiniz

Aşağıdaki blogda, ücretsiz olarak oluşturduğum bu Vision Pro tarzı 3D etkileşimli web sitesini yeniden yaratmak için ihtiyacınız olan her şeyi paylaşıyorum@emergentlabs - bu uygulamayı oluşturmak için kullanılan tam istek - animasyonlu .gltf 3D Vision Pro - VSCODE'ta tam kaynak kodu

Eğer bunu ilham verici bulduysanız, Yapay zeka öğrenmek için @EHuanglu takip edin ve daha fazla kişinin haberdar 👇 olmasını sağlamak için beğenip yeniden paylaş