Podgląd 3D na żywo
Klient obraca produkt i zmienia części, kolory oraz tekst dzięki Three.js i react-three-fiber.
Kastomiko / Konfigurator 3D produktu
Three.js i WebGL
Konfigurator 3D, który wytrzymuje na telefonach
Konfigurator 3D świetnie wygląda na laptopie programisty. Trudność zaczyna się na telefonie klienta, gdzie przeglądarka może zamknąć kartę bez ostrzeżenia. Budujemy 3D właśnie na taki telefon, bo przerabialiśmy to we własnym sklepie.
Co dostajesz
Co budujemy
Grafika klienta na modelu
Wgrane nadruki pojawiają się na produkcie 3D we właściwym miejscu i rozmiarze.
Rendery studyjne
Te same modele dają czyste zdjęcia do akceptacji, reklamy lub katalogu.
Limity pamięci
Rozmiar tekstur, efekty i jakość modelu dopasowują się do możliwości urządzenia.
Tryb 2D
Gdy 3D nie może działać, klient i tak kończy zamówienie w lżejszym widoku 2D.
Przygotowanie modeli
Przygotowujemy modele GLB, zmniejszamy ich wagę i ustawiamy seryjne rendery w Blenderze.
Oddzielnie od sklepu
Konfigurator działa we własnej ramce, więc reszta sklepu zachowuje szybkość.
Monitoring awarii
Awarie kart są zgłaszane, więc widzisz prawdziwe problemy na prawdziwych urządzeniach.
Problem iPhone’a rozwiązany na produkcji
Nasz konfigurator pokazywał kiedyś na iPhone’ach komunikat o awarii strony. Oto co wynikło z naprawy.
- O limitach decyduje rzeczywista pamięć, a nie szerokość ekranu. iPad ma równie mało miejsca jak telefon.
- Gdy system zamknie kartę, konfigurator to wykrywa i wraca w trybie bezpiecznym na 30 minut.
- Tryb bezpieczny ma trzy poziomy: mniejszy limit, brak efektów, a na końcu pełne 2D.
- W instrukcjach 3D łączenie części sprowadza model z 1264 elementów do 43 wywołań rysowania.
3D czy 2D?
3D nie zawsze jest dobrym wyborem i powiemy to wprost.
- Wybierz 3D, gdy kształt, głębia lub każda strona wpływa na decyzję: figurki, meble, zestawy, opakowania.
- Wybierz 2D, gdy produkt jest płaski lub zadrukowany z jednej strony: plakaty, kubki, kartki, naklejki.
- Połącz je, projektując w lekkim 2D i pokazując render 3D na końcu.
FAQ
Najczęstsze pytania
Czego potrzebujecie od nas na start?
Listy produktów i opcji oraz plików 3D, jeśli je masz. Jeśli nie masz modeli, omówimy, skąd je wziąć.
Jakich formatów 3D używacie?
W sieci najlepiej sprawdza się GLB. Inne formaty zwykle da się przekonwertować, a zmniejszenie wagi jest częścią pracy.
Czy 3D spowolni mój sklep?
Nie, jeśli działa oddzielnie od stron sklepu. Uruchamiamy je we własnej ramce, więc reszta sklepu zachowuje szybkość.
Czy zadziała w Shopify?
Tak, jako sekcja na osobnej stronie w Twoim motywie. Zobacz personalizację produktów w Shopify.
Czy robicie meble, biżuterię lub inne produkty?
Nasze doświadczenie produkcyjne dotyczy figurek, zestawów i opakowań. Inżynieria 3D przenosi się na inne produkty, a powiemy szczerze, co będzie dla nas nowe.
Kontakt
Co możemy dla Ciebie zbudować?
Wystarczy kilka zdań. Odpiszemy, co możemy zrobić i jak byśmy do tego podeszli.
Wolisz e-mail? work@kastomiko.com