Vision

Projektets huvudsyfte är att utforska hur människor kan interagera med digitala världar på ett fysiskt och intuitivt sätt. Genom att skapa en virtuell fjäder som reagerar på användarens verkliga handlingar – i detta fall ljudet från att blåsa i en mikrofon – vill projektet demonstrera konceptet av fysiska inputar som styr virtuella objekt. Visionen är att skapa en digital miljö där interaktionen känns direkt och påtaglig.

Beskrivning av projektet

Uppenbart är det en bit kvar till visionen men det är en början. Projektet består av en 3D-scen där en fjäder placeras i en minimalistisk miljö med mjuk belysning och subtila skuggor. Fjädern är fysikbaserad och rör sig naturligt under påverkan av gravitation, dämpning och yttre krafter. Användaren kan påverka fjädern genom att blåsa i mikrofonen, vilket genererar en impuls som får fjädern att puffa upp och sedan singla ner på ett realistiskt sätt.

Tekniska komponenter

  • Three.js – För 3D-rendering, ljussättning och kamerakontroller.
  • Cannon-es (Cannon.js) – För fysik, inklusive gravitation, dämpning och kollisionskroppar.
  • GLTFLoader – För att ladda 3D-modellen av fjädern.
  • Web Audio API – För fysisk input via mikrofon, som styr fjäderns rörelse.
  • DOM-integration med <div> – För att rendera scenen på en specifik plats på webbsidan.

Potentiella vidareutvecklingar

  • Lägga till fler typer av fysiska input, t.ex. rörelse via webcam, tryck eller handgester.
  • Förbättra miljön med mer komplexa ljus- och skuggeffekter.
  • Utforska användarfeedback och upplevelse i VR/AR för ännu mer immersiv interaktion.
Förväntat resultat. Projektet resulterar i en virtuell fjäder som reagerar på fysisk input, vilket skapar en känsla av närvaro i den digitala miljön. Det demonstrerar hur kombinationen av sensorisk input, fysik och 3D-rendering kan ge grund för experimentell interaktiv design.

Rulla till toppen