Briller modelleret i Blender, konfigurerbare i browseren — helt ned til styrken i glasset

Client: GrN.dk — demohylde (demo.grn.dk)
Sector: 3D på nettet / produktkonfiguratorer
Periode: august 2026

At a glance

Optik №1 er et par acetatbriller bygget fra ende til anden i Blender 4.5 — modelleret, tekstureret, rigget og animeret — og derefter eksporteret som glTF og afspillet live med three.js. I browseren vælger man stel og glas, drejer en styrke ind på linser med ægte refraktion og træder ud i sollys for at se fotokromisk glas mørkne. En Cycles-renderet film og kildefilerne følger med den levende scene.

Ét asset, tre outputs: en Cycles-film, en levende three.js-scene (~29.000 trekanter) og Blender-kildefilerne

Ægte refraktion: styrkehjulet bøjer synstavlen bag linserne som rigtigt glas

Fire stel-finish og fire glas-tilstande, inklusive fotokromisk glas, der mørkner i sollys-scenen

The challenge

Produktkonfiguratorer snyder som regel: et farveskift er et teksturskift, og »glasvalg« er toninger malet på flad geometri. Briller er et utilgiveligt motiv for det trick — kunder ved, hvordan skildpaddeacetat og en kraftig styrke faktisk ser ud, og en linse uden refraktion ligner en rekvisit. Demoen spørger, om én asset-pipeline kan bære et produkt fra et 3D-værktøj til en browserscene uden at miste materialesandheden undervejs.

The solution

Alt det svære bor i Blender: stellet er modelleret og tekstureret dér (skildpadde, sort, krystal og guld), hængslerne er rigget, og præsentationsanimationen er keyet — hvorefter det hele eksporteres som glTF, omkring 29.000 trekanter, og three.js afspiller det uden gen-forfatning. Browserlaget tilføjer det, kun en levende scene kan: et orbit-kamera, wireframe- og kurvevisning for de teknisk nysgerrige og en auto-orbit som butiksvindue-tilstand.

Linserne er den ærlige del: styrkehjulet ændrer ægte refraktiv geometri, så synstavlen bag brillerne bøjer, som den ville gennem rigtige glas, og sol-knappen driver en fotokromisk overgang frem for en overtoning.

The results

Stykket kører som statiske filer på demohylden, fra Blender-scene til konfigurerbart browserobjekt uden engine-download. Fordi filmen, den levende scene og kildefilerne kommer fra samme asset, er den samtidig et pipeline-argument: byg én gang i Blender, præsentér overalt.

For en kunde besvarer den konfigurator-spørgsmålet, som krystalsalen besvarede 3D-spørgsmålet — ikke »kunne vi«, men »her er én, iført din produktkategori«.