# Retro tankstation 1:18 — live 3D-diorama in de browser

> Canonieke pagina: https://www.mahieu.nl/toepassingen/retro-tankstation/

- Viewer: [Nederlands](https://www.mahieu.nl/pcg/nl/), [English](https://www.mahieu.nl/pcg/), [Deutsch](https://www.mahieu.nl/pcg/de/).
- Kern: Blender, Cycles en three.js (WebGL), zonder app of plug-in.
- Eigen initiatief van [Michel Mahieu](https://www.mahieu.nl/). Het retro tankstation van Porsche Classic Center Gelderland in Heteren is het onderwerp, niet de opdrachtgever.

## Wat het is

Het retro tankstation van Porsche Classic Center Gelderland als interactief diorama op schaal 1:18, met kiosk, twee rode pompen, een zilveren Porsche 911 GT3 RS en een Porsche 718 Spyder RS in Nordic Gold Metallic met zwarte velgen.

De bezoeker draait er zelf omheen, zoomt in en kiest vaste standpunten, een rondrit of een montage op muziek. De bediening, uitleg, meldingen en titelkaarten zijn beschikbaar in Nederlands, Engels en Duits. Een taalwissel behoudt het gekozen standpunt of de gekozen montage in de link.

Op de showcasepagina laadt de Nederlandse demo zodra deze in beeld komt. In kijkmodus blijft de pagina gewoon scrollen; met Zelf besturen neemt u de camera over. Pauze en geluid staan boven in de viewer. Buiten beeld pauzeert de demo vanzelf. Open schermvullend vergroot de geladen demo als de browser dat ondersteunt.

Er zijn drie tracks: 1 — Up we go, 2 — Broken umbrella, 3 — Valet run. De afspeelknoppen Rondrit, Up we go en Valet run zetten muziek aan. Wie zelf dempt, blijft bij handmatig rondkijken en vaste standpunten in stilte werken. Een afspeelknop, trackkeuze of Geluid aan zet de muziek weer aan. Een gekozen standpunt heft de pauze op; pauzeren tijdens een montage stopt ook de muziek.

## Uw pand of product als interactieve 3D-presentatie?

Laat klanten zelf rondkijken, inzoomen en details ontdekken, direct op uw website. [Bespreek uw 3D-presentatie](https://www.mahieu.nl/contact/).

## In cijfers

- De volledige scène bevat 1.013.118 driehoeken: afgerond 1,01 miljoen.
- Schaal 1:18: één eenheid is één millimeter op het model; de bodemplaat is 611 bij 517 mm.
- Eigen HDR-panorama: 2K voor de belichting, 8K als achtergrond op grote schermen en 4K op mobiel.
- Drie talen: Nederlands, Engels en Duits.
- Twee montages: Up we go (36 shots, 2:05) en Valet run (136 shots, 3:26).
- Gecomprimeerde scènebestanden: 3,8 MB voor de lichte versie, 15,5 MB voor de volledige versie. Achtergronden, schaduwtexturen en muziek zijn aanvullende downloads.

## De rondrit uit Blender

De camerarit is uitgezet als vloeiende spline en gaat als 160 cameraframes (positie, kijkrichting, lens) mee naar de viewer. Die speelt de rit heen en weer af, met een zachte aanloop en uitloop. Na het kiezen van een standpunt vliegt de camera er in anderhalve seconde naartoe. Een halve seconde na aankomst begint de rustige drone, met 55 seconden per rondje. Een vooraf berekend hoogteprofiel laat de drone soepel over kiosk, pompen en auto’s stijgen.

[Start de rondrit](https://www.mahieu.nl/pcg/nl/?view=rondrit).

## Licht van de echte binnenplaats

Uit foto’s van de binnenplaats is een eigen HDR-panorama samengesteld voor licht, reflecties en achtergrond. Een eigen shader projecteert dat panorama op de gevels vanuit de fotoplek op 1,70 meter ooghoogte. De zachte schaduw en ambient occlusion zijn vooraf berekend in Blender Cycles en in texturen gebakken. Op de showcasepagina vergelijkt een schuifregelaar dezelfde scène met en zonder die schaduw.

## Twee montages op muziek

[Up we go](https://www.mahieu.nl/pcg/nl/?view=upwego) neemt u in 2:05 minuten mee langs 36 shots. [Valet run](https://www.mahieu.nl/pcg/nl/?view=valetrun) heeft een eigen montage met 136 shots in 3:26 minuten. Het beeld wordt live in 3D gerenderd en volgt de muziekklok. Scherptediepte, bokeh, tilt-shift, snelle cameravegen, lichtlekken, filmkorrel en brede filmbalken geven de scène een filmisch karakter. Titelkaarten volgen de gekozen taal.

## Eigen werk en gebruikte modellen

Het eigen werk van Michel Mahieu zit in het tankstation, de belichting, de camerabewegingen en de interactieve webpresentatie. De Porsche 911 GT3 RS en 718 Spyder RS zijn bestaande 3D-modellen van andere makers, verkregen via [Blendkit](https://www.blendkit.com/). De auto’s zijn niet zelf gemodelleerd.

## Van foto tot browser

1. Foto’s van de binnenplaats.
2. Eigen HDR-panorama voor licht, achtergrond en gevels.
3. Kiosk, pompen en rooster in Blender op schaal gemodelleerd; bestaande automodellen via Blendkit toegevoegd.
4. Schaduw en ambient occlusion gebakken in Cycles.
5. Export als gecomprimeerde glTF met WebP-texturen, in een lichte en een volledige versie.
6. Live weergave met three.js (WebGL) en eigen shaders.

De viewer bouwt detail geleidelijk op: een lichte scène verschijnt terwijl de volledige versie op de achtergrond laadt. Op snelle verbindingen staat de volledige scène er meteen. De renderresolutie past zich aan het toestel aan. De viewer werkt onder de strikte Content-Security-Policy van mahieu.nl, zonder WebAssembly, blob-URL’s of inline scripts; de browser pakt gzip zelf uit.

Standpunten zijn deelbaar via de adresbalk, bijvoorbeeld https://www.mahieu.nl/pcg/nl/?view=kiosk. Vanaf het beginscherm opent het diorama schermvullend, ook op een iPhone. Bij ‘verminderde beweging’ start geen automatische rondrit en worden vluchten tussen standpunten overgeslagen. De rustige drone blijft beschikbaar; Pauze stopt alle automatische beweging.

## Controleerbaar bewijs

- **Probleem:** een fysieke plek of product laat zich met foto’s en video maar half zien; 3D in de browser is vaak zwaar of afhankelijk van plug-ins en externe diensten.
- **Aanpak:** een zelf gemodelleerd tankstation op schaal 1:18, aangevuld met bestaande automodellen via Blendkit. Licht uit een eigen HDR van de locatie, schaduw gebakken in Cycles en een eigen three.js-viewer met filmische nabewerking.
- **Status:** live en publiek te bekijken op https://www.mahieu.nl/pcg/nl/. Eigen initiatief, niet in opdracht gemaakt.
- **Aantoonbaar resultaat:** 1,01 miljoen driehoeken in de volledige scène, drie talen, twee montages en drie tracks, ook op mobiel. Standpunten en montages zijn deelbaar via de adresbalk.
- **Beperkingen:** de lichte scène is 3,8 MB en de volledige scène 15,5 MB; achtergronden, schaduwtexturen en muziek komen daar nog bij. Muziek vereist een tik of toets. Op een iPhone gebruikt u ‘Zet op beginscherm’ voor schermvullende weergave.
- **Peildatum:** 8 oktober 2026.

## Veelgestelde vragen

**Is dit een opdracht van Porsche Classic Center Gelderland?**
Nee. Retro tankstation 1:18 is een eigen initiatief: het retro tankstation van Porsche Classic Center Gelderland in Heteren is het onderwerp, niet de opdrachtgever.

**Welke talen zijn beschikbaar?**
De viewer is beschikbaar in het Nederlands, Engels en Duits. De bediening, uitleg, meldingen en titelkaarten zijn vertaald. Bij een taalwissel blijft het gekozen standpunt of de gekozen montage behouden.

**Wat is het verschil tussen Up we go en Valet run?**
Het zijn twee montages met elk eigen muziek en camerashots. Up we go duurt 2:05 minuten en telt 36 shots; Valet run duurt 3:26 minuten en telt 136 shots. Beide worden live in 3D gerenderd.

**Werkt het ook op een telefoon of tablet?**
Ja. De viewer kiest op mobiel een lichtere achtergrond en past de resolutie aan de snelheid van het toestel aan. Op een iPhone opent het diorama schermvullend via ‘Zet op beginscherm’.

**Waarom laadt de demo pas als hij in beeld komt?**
Zo blijft de pagina bij het openen licht. De viewer laadt een lichte scène van 3,8 MB en bouwt die op naar de volledige scène van 15,5 MB, met achtergronden en schaduwtexturen apart. Staat databesparing aan, dan start de demo alleen als u erom vraagt.

**Kan ik zoiets laten maken voor een product of locatie?**
Ja. Dezelfde aanpak werkt voor een product, showroom, gebouw of maquette: van foto’s en maten naar een interactief model voor moderne browsers, zonder app of plug-in.

## Contact

- Contactpagina: https://www.mahieu.nl/contact/
- E-mail: mwd@mahieu.nl
- Nederlandse viewer: https://www.mahieu.nl/pcg/nl/ (Markdown: https://www.mahieu.nl/pcg/nl.md)
- Alle eigen toepassingen: https://www.mahieu.nl/toepassingen/

Laatst bijgewerkt: 8 oktober 2026.