Alle projekter
Interaktiv 3D (Three.js)

Digital vindmølle

3D-model af en havvindmølle i browseren, lavet som demo af en digital tvilling: start rotoren og drej nacellen.

Rolle
3D og webudvikling
Værktøjer
  • Three.js
  • Blender
Teknik
WebGL
Format
Interaktiv, kører live i browseren
Interaktiv 3D, kører live i browseren Åbn i nyt vindue
Sådan bruger du demoen
  • Start og stop rotoren
  • Juster nacellens drejning
  • Klik eller tryk på et punkt for at zoome ind på en del og læse om den
  • Brug Røntgen for at se ind i navet og nacellen
  • Træk for at dreje kameraet

Om demoen

Digital vindmølle er en 3D-model af en havvindmølle, lavet som demo af en digital tvilling. Man kan vælge navet eller nacellen (møllens maskinrum), se ind i dem og læse om syv dele, bl.a. generatoren, gearkassen og servicekranen. Modellen er ikke koblet til data fra en rigtig mølle.

Min rolle

Jeg stod for 3D og webudvikling. Modellen er lavet i Blender, og hver af de syv dele har en navngiven markør i modelfilen, som koden bruger til at placere de klikbare punkter. I Three.js programmerede jeg kamerabevægelserne, røntgenvisningen, rotoren og nacellens drejning.

Teknik

Demoen kører i browseren med Three.js og WebGL og henter alle filer fra sitet selv. Modelfilen er komprimeret, og demoen henter ca. 1,3 MB. Man trækker med mus eller finger for at dreje kameraet og klikker eller trykker på et punkt for at zoome ind på en del. En knap starter og stopper rotoren, og en skyder drejer nacellen op til 35 grader til hver side. Når navet eller nacellen er valgt, gør knappen Røntgen skallen gennemsigtig, så delene indeni kan vælges. Punkterne kan også vælges med tastaturet, og demoen findes på dansk og engelsk.