Vestlyd V12C-produktkonfigurator
Produktkonfigurator i 3D med Vestlyd V12C som eksempel: skift mellem fødder og stander, og vælg standerens farve.
- Rolle
- 3D og webudvikling
- Værktøjer
Three.js
Blender
- Teknik
- WebGL
- Format
- Interaktiv, kører live i browseren
Om demoen
Demoen er en produktkonfigurator i 3D, som jeg har lavet på eget initiativ med Vestlyd V12C-højttaleren som eksempel. Vestlyd har ikke bestilt den. Man kan se højttaleren på fødder eller på en stander og vælge standerens farve: sort, stål eller guld. Ændringen ses med det samme i 3D.
Min rolle
Jeg stod for 3D og webudvikling. Modellen af højttaleren med fødder og stander og animationen, der løfter højttaleren op på standeren, er lavet i Blender. Fremviseren byggede jeg med Three.js: lys og skygger, kamerastyring, knapper og farvevælger.
Teknik
Demoen kører i browseren med Three.js og WebGL. Modellen ligger i én komprimeret 3D-fil, og demoen henter ca. 1,5 MB. Når man vælger standeren, afspilles animationen, mens fødderne tones ud og standeren tones ind. Stål og guld er sat op som mere metalliske og blanke end sort. Med mus trækker man for at dreje højttaleren op til 60 grader til hver side. Zoom er slået fra, så musehjulet ruller siden som normalt. På casesiden drejer et vandret træk med fingeren højttaleren, og et lodret træk ruller siden. Teksterne findes på dansk og engelsk.