Het is onze missie om Vulp zo gebruiksvriendelijk mogelijk te maken voor onze gewaardeerde klanten, zowel tijdens de implementatiefase als voor de uiteindelijke gebruiker. Hoewel we streven naar intuïtief gebruik, begrijpen we dat een gedegen handleiding van onschatbare waarde kan zijn, vooral wanneer je optimaal gebruik wilt maken van de uitgebreide functies die onze 3D-configurator te bieden heeft.
Voor een diepgaande en gedetailleerde uitleg verwijzen we je graag naar onze uitgebreide documentatie op https://docs.vulp.studio.
Wij ambiëren de rol van de ‘YouTube’ voor virtuele producten, met als doel Vulp toegankelijk te maken voor een breed publiek, variërend van eindgebruikers tot eigenaren van webshops en websites. Om dit te vergemakkelijken, bieden we direct implementeerbaar script aan vanuit ons CMS:
<iframe
src="https://vulp.studio/<customerId>/<modelId>/<lang>"
allow="xr-spatial-tracking; fullscreen; web-share; clipboard-write"
referrerpolicy="no-referrer-when-downgrade"
width="600"
height="400"
frameBorder="0"
title="vulp.studio"
></iframe>
Automatisch ingevulde waarden in de voorbeeldcode zijn onder andere de klantnaam (customerId), productnaam (modelId), en taal (lang).
Geef de 3D-configurator volledig vorm door parameters aan de URL toe te voegen.
We categoriseren parameters in verschillende secties:
Vulp biedt een breed scala aan functies om jouw productcatalogus te presenteren. Via parameters in het Vulp-script kun je eenvoudig kleuren en materialen wijzigen, maar ook nieuwe kleuren toevoegen.
Pas ook de belichting van het product aan, inclusief reflectie, belichting en schaduw, door middel van parameters in de URL.
Geef de 3D-configurator de uitstraling die jij wenst, Stelt knoppen aan en uit, en pas de achtergrondkleur aan. Configureer knoppen naar de stijl van je website, inclusief tekstkleur, achtergrondkleur en rand.
Pas teksten aan, stel je eigen Augmented Reality-bericht per product in, en selecteer de gewenste taal via de URL van het Vulp-iframe.
Vulp is perfect geschikt om uitgebreide informatie over een product te verstrekken, of het nu op een landingspagina is of in een webshop. Via tekstuele hotspots kun je unieke verkooppunten in beeld brengen met tekst en afbeeldingen. Wil je de technische aspecten van je product benadrukken? Gebruik dan de lagen functie om alle dimensies duidelijk in 3D weer te geven. Activeer de lagen via parameters.
Pas de positie van de camera aan ten opzichte van het 3D-model aan. Of het model nu vrij staat of tegen een muur hangt, jij bepaalt wat de kijker mag zien door middel van camera beperkingen op het gebied van rotatie, zoom en het startpunt van de camera.
Vulp is een interactieve 3D-configurator. Naast de mogelijkheid om zelf met camerabewegingen aan de slag te gaan om het 3D-product vanuit alle hoeken te bekijken of het in je eigen omgeving te plaatsen met Augmented Reality, kun je ook animaties toepassen op het 3D-model zelf. Denk aan bewegingen om de binnenkant te bekijken in een ’exploded view’ of realistische bewegingen van je product. Bijna alles is mogelijk. Met Vulp creëer je je eigen interactieve 3D-animatie. Er zijn verschillende manieren waarop deze animaties kunnen worden geactiveerd, via knoppen, interactie met het 3D-product of automatisch. Geef via parameters aan wat de animatie moet doen.
Wij blijven voortdurend werken aan de ontwikkeling van onze 3D-configurator en voegen voortdurend nieuwe functies toe om de 3D-viewer geschikt te maken voor e-commerce, landingspagina’s of interactieve werkbeschrijvingen. Voor een gedetailleerde beschrijving van al onze functies, verwijzen we naar onze documentatie website: https://docs.vulp.studio.
Parameter | Omschrijving |
---|---|
Model opmaak | |
color |
Stelt de standaard kleur van het product in |
color-<group> |
Stelt de standaard kleur van een ‘ color-group’ van het product |
shadow-intensity |
Stelt de intensiteit van de vloer schaduw |
Configurator opmaak | |
background-color |
Stelt de kleur van de achtergrond |
menu-color |
Stelt de kleur van de menuknoppen |
menu-fill-color |
Stelt de kleur van de achtergrond van de menuknoppen |
menu-stroke-color |
Stelt de kleur van de rand van de menuknoppen |
menu-icon-color |
Stelt de kleur van het icoon in de menuknoppen |
hotspot-color |
Stelt de kleur van informatie hotspots |
tooltip-background-color |
Stelt de achtergrondkleur van de ‘tooltips’ |
tooltip-text-color |
Stelt de tekstkleur van de ‘tooltips’ |
Camera | |
auto-rotate |
Bepaal of het product automatisch moet roteren |
camera-orbit |
Stelt de startpositie van de camera in |
camera-target |
Stelt het centreerpunt van de camera rotatie in |
ar-placement |
Bepaal of het virtuele product aan de muur of op de vloer staat |
min-camera-orbit |
Stel beperkingen in aan de camerabeweging |
max-camera-orbit |
Stel beperkingen in aan de camerabeweging |
disable-zoom |
Bepaal of je kunt in-/uitzoomen of niet. |
disable-tap |
Bepaal of je kunt tikken om het rotatiecentrum van de camera te verplaatsen |
ar-scale |
Bepaal of je het product kunt schalen in Augmented Reality |
Knopen en overlays | |
menu |
Schakel het hele menu uit |
color-button |
Schakel de kleur knop(pen) uit |
overlay-button |
Schakel de overlay knop uit |
hotspot-button |
Schakel de informatie-hotspot knop uit |
title |
Schakel de titel/productnaam uit |
hotspots |
Bepaal of hotspots zichtbaar zijn of niet bij het openen |
Animatie | |
autoplay |
Bepaal of een animatie automatisch start bij het openen van Vulp |