Tarayıcıda 3D forma tasarım stüdyosu
Müşteri formayı tarayıcıda, 3D model üzerinde kendi tasarlıyor; marka aynı tasarımı üretime uygun dosya olarak alıyor. Three.js ile yazdık.
“Bir marka için yürüttüğümüz projede müşterinin formasını kendi tasarlayabileceği bir 3D stüdyo gerekti. Onu ayrı bir ürün olarak yazdık.”
Kişiye özel üretimde her sipariş bir tasarımla başlıyor. Bir marka için müşterinin formayı kendi tasarlayabileceği, markanın sitesinde çalışan bir araç gerekiyordu.
Ekrandaki tasarım ile üretime giden dosya aynı kalıptan çıkmalıydı. Müşterinin modelde boyadığı bölge, kesilip basılan parçanın kendisi.
Ne yaptık
- 01Tarayıcıda çalışan 3D tasarım stüdyosu
- 02Renk, desen, yazı ve logo aynı modelde
- 033D model ile kesim kalıbı arasında tek tık
- 04Markanın sitesine tek satır kodla gömme
- 05Tasarımdan üretime vektör dosya
- 06Illustrator’da şablon düzenleme eklentisi
Stüdyoda neler var?
Forma ekranda nasıl duruyor?
Model tarayıcıda dönüyor, yaklaşıyor. Renk değişince bölge anında boyanıyor; file kumaş, dikişler ve fermuar modelin üstünde.
Ekrandaki tasarım üretime nasıl gidiyor?
Aynı tasarım tek tıkla kesim kalıbının üstünde görünüyor. Marka onu vektör dosya olarak indiriyor; yazılar yola çevrilmiş geliyor.
Düz renk yetmezse?
Her bölgeye hazır desenlerden biri atanıyor. Desenin rengi, zemini, boyutu ve açısı ayarlanıyor; sonuç hemen modelde.
Tasarım bilmeyen müşteri ne yapacak?
Basit editörde dört sekme var: tasarım, renkler, yazı, logolar. Gelişmiş editöre geçince tasarım yerinde kalıyor.
Telefonda da çalışıyor mu?
Çalışıyor. Paneller alttan açılıyor, model üstte görünür kalıyor. Telefonda doku çözünürlüğü kendiliğinden düşüyor, 3D akıcı kalıyor.
Marka stüdyoyu sitesine nasıl koyuyor?
Tek satır kodla. Stüdyo sayfanın içinde ya da bir düğmeyle açılıyor; kaydedilen tasarım sitedeki siparişe bağlanıyor.
Şablonlar nasıl hazırlanıyor?
Illustrator’da. Yazdığımız eklenti şablonu açıyor, çizimi yandaki panelde 3D modelin üstünde gösteriyor ve bölge adlarını bozmadan stüdyoya geri kaydediyor.
Ürün şu an nerede?
Kapalı alpha’da. Özel imalat yapan iki tekstil markası kullanıyor; onlarla birlikte geliştiriyoruz. Yapı, ileride başka markalara da açılabilecek biçimde kuruldu.