Yazar: Jared Liu
Canlı deneyin Bu proje hakkında
Drawing to 3D, “bir eskiz nasıl 3D modele dönüşür?” sorusunu anında deneyebileceğiniz bir etkileşime çevirir: ana sayfadaki üç örnek — vazo, robot ve mantar ev — gerçek el çizimi eskizlerden Tripo image-to-model ile üretildi; orijinallerinin yanında gösterilir ve sürüklenebilir, çevresinde dönülebilir ve yakınlaştırılabilir.
Kendi çiziminizi yükleyip insan doğrulamasını geçin; anonim kuyruk gerisini halleder: beklerken yeniden oluşturma animasyonu oynar, ardından beyaz model tarayıcıda döndürülür ve GLB olarak indirilir. 8K dokular ve daha yüksek doğruluk için sonucu tek tıklamayla Tripo Studio'ya taşıyın. Sitenin tamamı hesap gerektirmez, altı dil sunar, statik dosyalar olarak dağıtılır ve Tripo kimlik bilgilerini Cloudflare Workers içinde güvenle saklar.
Öne çıkanlar
- Üç örnek — bir vazo, bir robot ve bir mantar ev — gerçek el çizimi eskizlerden Tripo ile üretildi, orijinallerinin yanında gösteriliyor ve sürüklenip çevresinde döndürülebiliyor
- Bir çizim (PNG/JPG/WebP) yükleyin, insan doğrulamasını geçin; anonim üretim kuyruğu gerisini halletsin — kayıt gerekmez
- Beklerken eskizden hacme yeniden oluşturma animasyonu oynar; tamamlanan beyaz model tarayıcıda döndürülür ve GLB olarak indirilir
- Cihaz başına günde bir ücretsiz üretim; 8K dokular ve daha yüksek doğruluk için sonucu tek tıklamayla Tripo Studio'ya taşıyın
Teknik inceleme
Örnek üretimi · Tripo v3 görüntüden modele
Üç örnek modelin tamamı ayrıntılı geometri, PBR dokular ve 50.000 yüz sınırıyla doğrudan Tripo API v3 image-to-model (v3.1) üzerinden gelir; depo, üretimin kaynağını izlemek için her görevin ID'sini, kredi maliyetini ve çıktı dosyasının SHA-256 değerini saklar. Web kopyaları H serisi geometrisini korur, yalnızca gömülü dokuları 4096px'ten 2048px'e düşürür — yaklaşık 500px'lik görüntüleyicide görünür fark olmaz ve doku VRAM kullanımı yaklaşık %75 azalır.
Anonim üretim · hesapsız beyaz model hattı
Tarayıcı yalnızca herkese açık yapılandırmayı tutar; Tripo kimlik bilgileri sadece bir Cloudflare Workers dağıtıcısında bulunur. Turnstile ve cihaz parmak izi, cihaz başına her UTC gününde bir anonim üretim hakkı sağlar: görevi oluşturun, çizimi yükleyin, her 4 saniyede bir sorgulayın (tekrarlanan hatalarda 30s'ye kadar üstel geri çekilme), ardından GLB blob'unu indirip beyaz modeli yerinde işleyin. Sayfa kapatıldığında görev sendBeacon ile bırakılır; zamanlayıcı lease'i temizleme için yedek mekanizma olur.
Bekleyişi sahnelemek · kırpma düzlemiyle yeniden oluşturma
Üretim sırasında dönen yükleme simgesi yoktur: model iki malzeme taşır — yatay bir kırpma düzlemi katı malzemeyi aşağıdan yukarı açığa çıkarırken tel kafes ters yönde yukarıdan aşağı gizlenir ve turuncu tarama halkası düzlemi izler — böylece “yapay zekânın çizgilerden hacim oluşturması” birebir sahnelenir. Algılanan ilerleme çubuğu, durumlara eşlenen aralıklarda yumuşakça ilerler; prefers-reduced-motion kullanıcıları ise hareketsiz bir poz görür.
Önce SEO · altı dilli statik site
Next.js 16 tamamen statik çıktı üretir; İngilizce, Geleneksel Çince, Japonca, Korece, İspanyolca ve Portekizce için ayrı rotalar, canonical URL'ler, hreflang alternatifleri ve site haritası girdileri bulunur. Tüm Tripo Studio bağlantıları tutarlı UTM ilişkilendirmesiyle tek bir ortak modül tarafından oluşturulur; utm_content tam CTA'yı veya seçilen örneği belirtir.
