Kiedy blat przestaje być zdjęciem. Tak powstał wizualizator 3D DIGIKROM

Wyobraź sobie, że wybierasz blat kuchenny. Oglądasz próbki laminatów, porównujesz kolory, przyglądasz się strukturze kamienia albo usłojeniu drewna. Widzisz wzór, ale wciąż musisz sobie wyobrazić, jak będzie wyglądał na całej powierzchni, jak ułoży się na zaoblonej krawędzi i jak zareaguje na światło. A gdyby można było zobaczyć to wszystko od razu, bez instalowania dodatkowego oprogramowania, bez skomplikowanego konfiguratora i bez wychodzenia z przeglądarki?

Właśnie z takiego pytania narodził się DIGIKROM 3D Studio — autorski wizualizator blatów kuchennych, łączący modele przestrzenne, rzeczywiste wzory laminatów i interaktywny podgląd wykończenia powierzchni.

Co ciekawe, projekt nie powstał na zamówienie klienta. To własna inicjatywa rozwojowa, w której wieloletnie doświadczenie w branży blatów spotkało się z możliwościami współczesnych technologii internetowych.

Od płaskiej tekstury do przestrzennego modelu

Punktem wyjścia były dwa profile blatów o różnej geometrii krawędzi. Modele przygotowane w Blenderze otrzymały odpowiednie zaoblenia, proporcje i mapowanie UV, umożliwiające nakładanie dekorów na powierzchnię 3D. Następnie zostały przeniesione do autorskiego wizualizatora działającego w przeglądarce internetowej.

Sama geometria była jednak dopiero początkiem. Jednym z najważniejszych założeń stało się zachowanie rzeczywistej skali wzorów laminatów. Tekstura nie jest tutaj przypadkowym zdjęciem rozciągniętym na modelu. Dysponując informacją o rzeczywistych wymiarach przedstawionego fragmentu dekoru, możemy odpowiednio odwzorować jego wielkość na blacie. Dzięki temu żyły kamienia, struktura drewna czy powtarzalność wzoru zachowują proporcje bliższe rzeczywistemu produktowi.

Użytkownik może swobodnie obracać model, przybliżać go, zmieniać profil krawędzi i natychmiast porównywać kolejne dekory. Wszystko odbywa się na jednej stronie, bez przeładowywania widoku.

Światło, które zmienia wszystko

Największym wyzwaniem okazało się coś, co na pierwszy rzut oka wydaje się drobiazgiem — połysk.

Powierzchnia lakierowana lub laminat o wysokim połysku nie wygląda realistycznie tylko dlatego, że ustawimy materiałowi maksymalną gładkość. O jej wyglądzie decyduje przede wszystkim światło i sposób, w jaki otoczenie odbija się na powierzchni.

Pierwsze wersje wizualizatora wykorzystywały klasyczne oświetlenie studyjne. Rezultaty były obiecujące, ale brakowało im głębi. Refleksy przypominały miejscami jasne plamy zamiast naturalnych odbić. Rozpocząłem więc eksperymenty z fizycznymi właściwościami materiałów, dodatkową powłoką clearcoat i mapami środowiskowymi.

Przełomem było wprowadzenie HDRI (High Dynamic Range Imaging) — panoramicznego obrazu otoczenia zawierającego informacje o rzeczywistej intensywności światła. Dzięki temu powierzchnia blatu może odbijać okna, lampy i jasne elementy przestrzeni, mimo że sam model nadal prezentowany jest na neutralnym, jasnym tle.

Efekt zmienia się podczas obracania blatu. Odbicia przesuwają się po powierzchni, uwydatniając charakter wykończenia. W przypadku ciemnych dekorów o wysokim połysku potrafi to dać wyjątkowo efektowny rezultat, przypominający polerowany kamień lub powierzchnię pokrytą warstwą szkła. Jednocześnie intensywne odbicia mogą częściowo przysłaniać sam wzór laminatu, utrudniając ocenę jego rzeczywistej kolorystyki.

Dlatego postanowiłem pójść o krok dalej. Zamiast narzucać jeden sposób prezentacji, wprowadziłem możliwość przełączania pomiędzy dwoma środowiskami odbić — Studio DIGIKROM i HDRI.

Pierwszy tryb wykorzystuje autorskie, kontrolowane oświetlenie studyjne. Zapewnia spokojniejszą prezentację powierzchni, ograniczając wpływ otoczenia na widoczność dekoru. Drugi korzysta z panoramicznego środowiska HDRI, pozwalając zobaczyć, jak błyszczący blat reaguje na bardziej złożone, realistyczne oświetlenie. W tym trybie na powierzchni pojawiają się odbicia elementów otoczenia, które zmieniają się wraz z obrotem modelu.

Przełącznik dostępny jest bezpośrednio w oknie wizualizacji i pojawia się wyłącznie po wybraniu dekoru z wykończeniem na wysoki połysk. Zmiana trybu następuje natychmiast, bez przeładowywania strony, zmiany modelu czy utraty wybranego wzoru. Dzięki temu można porównać oba efekty na dokładnie tym samym blacie, pod identycznym kątem.

To niewielki element interfejsu, ale istotna zmiana w sposobie korzystania z narzędzia. Wizualizator nie ma pokazywać wyłącznie najbardziej efektownego obrazu. Ma pozwalać świadomie ocenić wygląd produktu w różnych warunkach oświetleniowych.

A ponieważ projekt wciąż się rozwija, eksperymenty ze światłem, materiałami i realizmem odbić pozostają jednym z jego najciekawszych obszarów. Coraz wyraźniej widać, że w prezentacji produktów 3D liczy się nie tylko szczegółowość modelu czy jakość tekstury. Równie ważne jest to, co dzieje się pomiędzy powierzchnią produktu a światłem, które na nią pada.

Własny silnik, własny WordPress, pełna kontrola

Od początku zależało mi, aby DIGIKROM 3D Studio nie było jednorazową prezentacją kilku przygotowanych modeli. Dlatego stworzyłem dedykowaną wtyczkę do WordPressa, wykorzystującą technologię Three.js do renderowania grafiki 3D.

W panelu administracyjnym można dodawać kolejne modele blatów, określać ich grubość, profil, opis i przypisywać pliki GLB. Niezależnie działa katalog dekorów, w którym każda pozycja posiada własną teksturę, nazwę, kod, kategorię oraz informacje o wymiarach wzoru i rodzaju wykończenia.

Taka architektura pozwala rozbudowywać bibliotekę bez ingerencji w kod aplikacji. Niezależnie od tego, czy prezentujemy kilka dekorów, czy katalog obejmujący ponad sto wzorów, zarządzanie odbywa się bezpośrednio z WordPressa.

Wizualizator dostosowuje się również do rozmiaru ekranu. Na komputerze podgląd 3D pozostaje widoczny podczas przewijania rosnącego katalogu dekorów, a na urządzeniach mobilnych układ przechodzi w wygodny widok pionowy.

Nie dodawałem kalkulatora cen, koszyka ani procesu zamawiania. To świadoma decyzja. DIGIKROM 3D Studio ma przede wszystkim pozwalać oglądać, porównywać i odkrywać wygląd produktu.

Technologia, która zaczyna się od pomysłu

Ten projekt przypomina mi, dlaczego lubię tworzyć autorskie rozwiązania. Nie zacząłem od rozbudowanej specyfikacji ani gotowego zestawu funkcji. Zacząłem od prostego pytania, dwóch modeli blatów i pierwszej tekstury. Każdy kolejny eksperyment przynosił nowe możliwości, ale także wyzwania wymagające rozwiązania.

Dziś DIGIKROM 3D Studio jest działającym projektem rozwojowym, który pokazuje, jak wiele można osiągnąć, łącząc modelowanie 3D, zaawansowany rendering i dobrze zaprojektowane narzędzia internetowe. Co ważne, ta sama technologia może znaleźć zastosowanie nie tylko przy blatach kuchennych, lecz także przy meblach, elementach wyposażenia wnętrz i innych produktach, których wygląd trudno oddać na tradycyjnej fotografii.

Nie twierdzę, że cyfrowa wizualizacja całkowicie zastąpi fizyczną próbkę materiału. Może jednak znacznie ułatwić wybór, pokazać różnice między wariantami i pozwolić zobaczyć produkt z perspektywy niedostępnej na zwykłym zdjęciu.

Bo czasem najciekawsze projekty powstają nie dlatego, że ktoś ich potrzebuje. Powstają dlatego, że ktoś postanowił sprawdzić, czy można zrobić coś lepiej.

I właśnie tak powstało DIGIKROM 3D Studio.