# MK1 Interactive Portfolio

Eigenes Bewerbungsportfolio mit zwei Gestaltungsfassungen, einem prozeduralen räumlichen MK1-Schriftzug und einer zugänglichen Projektauswahl. Ohne externe 3D-Modelle oder Laufzeitbibliotheken.

Herkunft: OWNER_BUILT_PUBLIC

Technologien: JavaScript, WebGL, GLSL, procedural 3D, Node.js, static generation, nginx

## Mein Beitrag

Eigenes Portfolio-Projekt mit KI-gestützter Umsetzung: Gestaltungsrichtung, fachliche Inhalte, ursprüngliche WebGL-Geometrie und ein statischer, kontrolliert veröffentlichter Auftritt. Die Arbeitsprobe zeigt die Verbindung von Präsentation, Interaktion und nachvollziehbarem Inhalt.

## Ausgangsproblem

Ein Entwicklerportfolio muss gleichzeitig Aufmerksamkeit gewinnen und konkrete Fragen beantworten. Ein räumliches Logo hilft wenig, wenn die Projektseiten leer bleiben. Deshalb verbindet die zweite Gestaltungsfassung die interaktive MK1-Skulptur mit einer Projektauswahl, vollständigen Fallstudien, Skills und direkten Kontaktwegen.

## Workflow

1. Fachliche Inhalte und Nachweise strukturieren
2. MK1-Glyphen als eigene Polygone modellieren
3. Extrusion, Kanten und Material lokal rendern
4. Projekte per Maus, Touch und Tastatur erkunden
5. Statische Seiten mit geprüften Dateien veröffentlichen

## Engineering

### Echte Geometrie statt eines gerenderten Videos

Die Buchstaben entstehen aus eigens definierten Polygonen. Triangulierung, Extrusion und abgeschrägte Kanten erzeugen die Flächen für den WebGL-Renderer. Damit reagiert der Schriftzug tatsächlich auf den Blickwinkel; es wird kein Video oder heruntergeladenes 3D-Modell abgespielt. Der Material-Shader bildet eine stilisierte Studio-Beleuchtung ab.

### Interaktion mit verständlichem Zweck

Ziehen und Pfeiltasten verändern die Ansicht. Materialtasten wechseln die Farbwirkung; eine Reset-Aktion stellt den Ausgangspunkt wieder her. Die Projektauswahl führt zu konkreten Fallstudien und aktualisiert die visuelle Stimmung. Das räumliche Element bleibt damit Teil eines benutzbaren Portfolios.

### Die Alternative funktioniert auch ohne die Szene

Alle wesentlichen Inhalte werden als HTML erzeugt. Ohne WebGL bleibt eine ruhige Ersatzdarstellung erhalten. Animation lässt sich pausieren und respektiert reduzierte Bewegung; der Renderer hält an, wenn die Szene außerhalb des sichtbaren Bereichs liegt. Die Website benötigt keine externen Fonts, Tracker oder Runtime-CDNs.

## Entscheidungen

- Darstellung und Nachweise zusammen entwickeln: sichtbare Projektbereiche führen zu ausgearbeiteten Inhalten.
- Vorhandene Live-Fassung erhalten und die neue Variante unter einer eigenen Adresse vergleichbar veröffentlichen.
- Ein kleines Original-Mesh und native Browserfunktionen verwenden, statt eine große 3D-Laufzeit nachzuladen.

## Nachweise und Grenzen

- Öffentliche alternative Webseite mit räumlichem MK1, Projektauswahl und vollständigen Nachweisseiten.
- Automatisierte Prüfungen für Geometrie, geschlossene Datenwege, lokale Assets und inhaltliche Vollständigkeit.

Persönliche, KI-gestützt entwickelte Arbeitsprobe. Sie behauptet keine langjährige professionelle WebGL-Spezialisierung, keine Performance auf jeder GPU und keinen Kundenauftrag. Statische Ersatzdarstellung und lesbare Inhalte gehören bewusst zur Lösung.

https://mk1.rocks/alternative/

https://docs.mk1.rocks/de/references/mk1-interactive-portfolio/

Marvin Kamp · 25.10.2026