Thomas Eg Matthiesen

www.genhør.dk billede 1www.genhør.dk billede 2www.genhør.dk billede 3www.genhør.dk billede 4

www.genhør.dk

Hjemmeside for kulturprojektet Genhør med projektoverblik og -sider.

Next.js
Tailwind CSS
Cirkulær afspiller billede 1Cirkulær afspiller billede 2Cirkulær afspiller billede 3Cirkulær afspiller billede 4

Cirkulær afspiller

Lydafspiller-overlay med cirkulær scrubber, segmentinfo og værk-oversigt. Styret via URL-parametre til direkte henvisning med QR-kode.

Next.js
Web Audio API
Responsivt projektkort billede 1Responsivt projektkort billede 2Responsivt projektkort billede 3Responsivt projektkort billede 4

Responsivt projektkort

Kortoverlay-komponent der viser projekter på et kort med responsivt layout. Lille version med zoom-kontroll på mobil. Stor version m. hover-zoom på desktop.

Next.js
D3.js
Interaktiv drejeskivetelefon billede 1Interaktiv drejeskivetelefon billede 2Interaktiv drejeskivetelefon billede 3Interaktiv drejeskivetelefon billede 4

Interaktiv drejeskivetelefon

Brugeren løfter røret, hører en ventetone og indtaster et trecifret nummer, hvorefter en tilknyttet lydfil afspilles. Forkerte numre udløser en fejltone.

C++
Arduino
DFPlayer Mini
Før- og efterbillede slider billede 1Før- og efterbillede slider billede 2Før- og efterbillede slider billede 3Før- og efterbillede slider billede 4

Før- og efterbillede slider

Sammenligning af før- og efter-billede med slider.

Frontend
UI
Genhør Grindsted Station billede 1Genhør Grindsted Station billede 2Genhør Grindsted Station billede 3Genhør Grindsted Station billede 4

Genhør Grindsted Station

C++ og Pure Data program til kvadrofonisk lydinstallation på Bela. Aktiveres af mmWave bevægelsessensorer.

Bela Platform
C++
Pure Data
www.thomaseg.dk v2 billede 1www.thomaseg.dk v2 billede 2www.thomaseg.dk v2 billede 3www.thomaseg.dk v2 billede 4

www.thomaseg.dk v2

Personlig portfolio-side med projektgalleri og biografi bygget i React + Tailwind CSS

React
Tailwind CSS
Uendeligt galleri billede 1Uendeligt galleri billede 2Uendeligt galleri billede 3Uendeligt galleri billede 4

Uendeligt galleri

Uendeligt scroll-galleri med tilfældige billeder af ræve der fades ind via Intersection Observer.

JavaScript
www.thomaseg.dk v1 billede 1www.thomaseg.dk v1 billede 2www.thomaseg.dk v1 billede 3www.thomaseg.dk v1 billede 4

www.thomaseg.dk v1

Personlig portfolio-side med projektgalleri og biografi bygget i HTML, CSS og JavaScript.

HTML
CSS
JavaScript
Interaktivt projektkort og karrusel billede 1Interaktivt projektkort og karrusel billede 2Interaktivt projektkort og karrusel billede 3Interaktivt projektkort og karrusel billede 4

Interaktivt projektkort og karrusel

Interaktivt danmarkskort hvor man kan klikke på udstillingssteder og se info. Erstattes responsivt af karrusel.

HTML
CSS
JavaScript
Interaktivt diagram billede 1Interaktivt diagram billede 2Interaktivt diagram billede 3Interaktivt diagram billede 4

Interaktivt diagram

Interaktivt søjlediagram over branding-virkemidlers udbredelse og effektivitet. Skifter datasæt ved hover.

HTML
CSS
JavaScript
Opening Icon Animation billede 1Opening Icon Animation billede 2Opening Icon Animation billede 3Opening Icon Animation billede 4

Opening Icon Animation

Animeret loading-screen hvor logoet roterer til en tilfældig position og splittes i to inden siden vises.

HTML
CSS
JavaScript
www.hoerbar.dk billede 1www.hoerbar.dk billede 2www.hoerbar.dk billede 3www.hoerbar.dk billede 4

www.hoerbar.dk

Hjemmesidearkiv for www.hørbar.dk v1-3. Bygget med HTML, CSS og JavaScript + Web Audio API.

HTML
CSS
JavaScript
Dynakustisk billede 1Dynakustisk billede 2Dynakustisk billede 3Dynakustisk billede 4

Dynakustisk

Interaktiv prototype der udforsker en dynamisk tilgang akustisk behandling. Roterbare prismer ændrer panelet fra absorberende til reflekterende.

Akustik
Prototyping
Arduino
Mind Diver (student version) billede 1Mind Diver (student version) billede 2Mind Diver (student version) billede 3Mind Diver (student version) billede 4

Mind Diver (student version)

Romantisk detektivspil hvor spilleren efterforsker en kærestes forsvinden gennem klientens minder. Nomineret til 'Best Student Game' ved Independent Games Festival 2023.

Game Audio
Unity
FMOD
Windfall billede 1Windfall billede 2Windfall billede 3Windfall billede 4

Windfall

Indiespil med fokus på flydende bevægelse gennem en iturevet verden. Lyddesign, programmering og implementering via Wwise og Unity.

Game Audio
Unity
Wwise
Stoiske sfærer billede 1Stoiske sfærer billede 2Stoiske sfærer billede 3Stoiske sfærer billede 4

Stoiske sfærer

Interaktivt lydværk med minimalistisk brugerflade. Brugeren kan variere men aldrig fuldt ud kontrollere lydbilledet.

Arduino
Max/MSP
11.012(±22)m 108,6 MPa billede 111.012(±22)m 108,6 MPa billede 211.012(±22)m 108,6 MPa billede 311.012(±22)m 108,6 MPa billede 4

11.012(±22)m 108,6 MPa

Simulerer lydens rejse til bunden af Marianergraven. En lydfil bearbejdes med kompression, rumklang og EQ. En abstraktion af dybdepres, lys og temperatur.

Max/MSP
Lydværk
Sonificering af ISS billede 1Sonificering af ISS billede 2Sonificering af ISS billede 3Sonificering af ISS billede 4

Sonificering af ISS

Bruger realtidsdata om ISS til at sonificere afstanden mellem en placering og rumstationen med lydsyntese og effekter.

Max/MSP
API
Gestik- og stemmestyret DAW billede 1Gestik- og stemmestyret DAW billede 2Gestik- og stemmestyret DAW billede 3Gestik- og stemmestyret DAW billede 4

Gestik- og stemmestyret DAW

Mix af musik med gestikulation og stemme. Prototype på en skærmfri tilgang til lydproduktion.

Multimodal
Creative Coding
Parkeringslygten billede 1Parkeringslygten billede 2Parkeringslygten billede 3Parkeringslygten billede 4

Parkeringslygten

Prototype på en cykellygte som assistere brugeren i sikker cykelparkering.

Prototyping
IoT
Arduino
Gender Neutralizer billede 1Gender Neutralizer billede 2Gender Neutralizer billede 3Gender Neutralizer billede 4

Gender Neutralizer

Chrome extension der neutraliserer browseren for kønnede ord.

Udvidelse (Chrome)
JavaScript
Dokkball billede 1Dokkball billede 2Dokkball billede 3Dokkball billede 4

Dokkball

Interaktionsdesign der aktiverer byrummet omkring trappen ved Dokk1 i Aarhus.

Koncept
Workshop