Portfolio Manuel Mayrhofer  

Idee

Ein Entwickler-Portfolio darf mit dem beginnen, was Entwickler jeden Tag sehen: einer Kommandozeile. Beim ersten Besuch läuft ein Build, Persönlichkeit wird kompiliert, Kreativität eingespritzt, die Leistung optimiert, dann steht die Seite.

Umsetzung

Zweisprachig, mit einem 3D-Kopf im Einstieg, Fähigkeiten als Werkzeugkasten, Interessen, Lebenslauf und Projekten von der Diplomarbeit bis zu metic. Der Kopf ist ein echtes 3D-Modell, gerendert mit three.js und React Three Fiber, und folgt der Maus.

Der Spiegelmodus

Der Spiegelmodus ist ein Experiment. Wer die Kamera erlaubt, steuert den Kopf mit dem eigenen: Er folgt der Kopfhaltung, und bei einem Lächeln oder einem überraschten Gesicht ändert sich sein Licht. Dahinter stecken drei kleine neuronale Netze aus face-api.js. Eines findet das Gesicht, eines setzt 68 Punkte darauf, eines liest die Mimik.

Alles läuft im Browser, auf dem Gerät. Die Modelle kommen vom eigenen Server, kein Bild wird hochgeladen oder gespeichert. Deshalb steht bei den Kennzahlen eine Null.

Was davon bleibt

Hier probiere ich aus, was sich noch niemand bestellt hat. Die Idee, dass eine Seite sich vor den Augen baut, steckt heute im Bau auf der Startseite von metic. Und die Frage, wie viel Rechenarbeit man dem Gerät eines Besuchers zumuten darf, stellt sich bei jedem Kundenprojekt wieder.