# Pompeiland 1:18 — live 3D-diorama in de browser > Canonieke pagina: https://www.mahieu.nl/toepassingen/pompeiland/ - Live: https://www.mahieu.nl/pcg/ (publiek te bekijken, ook op mobiel) - Kern: Blender, Cycles en three.js (WebGL), zonder app of plug-in - Eigen initiatief van Michel Mahieu (https://www.mahieu.nl/); onderwerp is het retro pompeiland van Porsche Classic Center Gelderland in Heteren, niet in opdracht gemaakt ## Wat het is Het retro pompeiland van Porsche Classic Center Gelderland, nagebouwd als interactief 3D-diorama op schaal 1:18. De bezoeker draait er zelf omheen, ontdekt de details en kiest vaste standpunten. Op de showcasepagina draait de viewer als ingebedde live demo met een kijkmodus, zodat de pagina gewoon blijft scrollen. Het kiezen van een standpunt of bedienen van de presentatie zet de muziek aan; met Geluid uit zet u die weer uit. Open schermvullend vergroot de geladen demo direct, als de browser dat ondersteunt. ## Uw pand of product als interactieve 3D-presentatie? Laat klanten zelf rondkijken, inzoomen en details ontdekken, direct op uw website. Vertel wat u wilt laten zien; samen verkennen we de mogelijkheden. [Bespreek uw 3D-presentatie](https://www.mahieu.nl/contact/). ## In cijfers - 809.000 driehoeken live in de browser, voor de complete scène. - Schaal 1:18 op de millimeter: 1 eenheid is 1 mm op het model; de bodemplaat is 611 bij 517 mm. - 8K-HDR van de echte binnenplaats als achtergrond op grote schermen, 4K op mobiel. - Showtime: een montage van ruim twee minuten met 36 shots op de beat. ## De rondrit uit Blender De camerarit is in Blender uitgezet als vloeiende spline en gaat als 160 cameraframes (positie, kijkrichting, lens) mee naar de viewer, die hem heen en weer afspeelt. Na het kiezen van een standpunt vliegt de camera er in anderhalve seconde met een kleine boog naartoe en cirkelt daarna als een drone rond. ## 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, zodat perspectief en aansluiting kloppen. De zachte schaduw (ambient occlusion) is vooraf berekend in Blender Cycles en in texturen gebakken. ## Showtime op de beat Een montage van ruim twee minuten: 36 shots, elke cut op een tel. De muziek is de klok: loopt het beeld meer dan een kwart seconde uit de pas, dan springt het terug; kleinere verschillen worden per frame voor 8% bijgestuurd. Van beide nummers is elke tel vastgelegd (423 en 459 beats); op elke tel knijpt de beeldhoek 1,6% in. Eén eigen shaderpass verzorgt scherptediepte met bokeh (24 samples), tilt-shift, whip-pans, lichtlekken, filmkorrel en balken op 2,2:1. ## Schaal, detail en drone Het eigen werk van Michel Mahieu zit in het pompeiland, 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. De drone cirkelt 55 seconden per rondje en stijgt over kiosk, pompen en auto's via een vooraf berekend, gladgestreken hoogteprofiel. ## Van foto tot browser 1. Foto's van de binnenplaats. 2. Eigen HDR-panorama (2K voor licht, 4K/8K als achtergrond). 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 glTF met WebP-texturen en 16-bits posities, gecomprimeerd tot 12,9 MB. 6. Live weergave met three.js (WebGL) en eigen shaders. Onder de motorkap: draait onder de strikte Content-Security-Policy van mahieu.nl (geen WebAssembly, geen blob-URL's, geen inline scripts); de browser pakt de scène zelf uit met zijn ingebouwde gzip-decoder. De resolutie past zich per 30 frames aan het toestel aan. Standpunten zijn deelbaar via de adresbalk (bijvoorbeeld https://www.mahieu.nl/pcg/?view=kiosk). Via het webmanifest opent het diorama schermvullend vanaf het beginscherm. ## Controleerbaar bewijs - **Probleem:** een fysieke plek of een product laat zich met foto's en video maar half zien; 3D in de browser is vaak zwaar, onscherp of afhankelijk van plug-ins en externe diensten. - **Aanpak:** een zelf gemodelleerd pompeiland op schaal 1:18 in Blender, aangevuld met bestaande automodellen via Blendkit. Licht uit een eigen HDR van de echte locatie, schaduw vooraf gebakken in Cycles en een eigen three.js-viewer met filmische nabewerking. - **Status:** live en publiek te bekijken op https://www.mahieu.nl/pcg/. Eigen initiatief, niet in opdracht gemaakt. - **Aantoonbaar resultaat:** 809.000 driehoeken draaien live in de browser, ook op mobiel, onder een strikte Content-Security-Policy zonder WebAssembly; standpunten zijn te delen via de adresbalk. - **Beperkingen:** het eerste bezoek laadt ongeveer 15 MB, plus muziek na een tik. Op een iPhone kan een webpagina niet schermvullend; daar werkt 'Zet op beginscherm'. Muziek start pas na een tik of toets. - **Peildatum:** 27 september 2026. ## Veelgestelde vragen **Is dit een opdracht van Porsche Classic Center Gelderland?** Nee. Pompeiland 1:18 is een eigen initiatief: het retro pompeiland van Porsche Classic Center Gelderland in Heteren is het onderwerp, niet de opdrachtgever. **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?** Het diorama is ongeveer 15 MB. Door pas te laden als u bij de demo bent, blijft de pagina snel. 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 dat in elke moderne browser draait, zonder app of plug-in. ## Contact - Contactpagina: https://www.mahieu.nl/contact/ - E-mail: mwd@mahieu.nl - Het diorama zelf: https://www.mahieu.nl/pcg/ (Markdown: https://www.mahieu.nl/pcg.md) - Alle eigen toepassingen: https://www.mahieu.nl/toepassingen/ Laatst bijgewerkt: 27 september 2026.