Interaktive 3D-Webseite · persönliche Arbeitsprobe
OWNER-BUILTEigenes Bewerbungsportfolio mit zwei Gestaltungsfassungen, einem prozeduralen räumlichen MK1-Schriftzug und einer zugänglichen Projektauswahl. Ohne externe 3D-Modelle oder Laufzeitbibliotheken.
JavaScript, WebGL, GLSL, procedural 3D, Node.js, static generation, nginx
01 / 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.
DIE AUSGANGSFRAGE
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.
Fachliche Inhalte und Nachweise strukturieren
MK1-Glyphen als eigene Polygone modellieren
Extrusion, Kanten und Material lokal rendern
Projekte per Maus, Touch und Tastatur erkunden
Statische Seiten mit geprüften Dateien veröffentlichen
Die Grafik beschreibt den fachlichen Zusammenhang. Sie ist keine Rekonstruktion eines privaten Produktionsnetzwerks.
Fachliche Inhalte und Nachweise strukturieren
MK1-Glyphen als eigene Polygone modellieren
Extrusion, Kanten und Material lokal rendern
Projekte per Maus, Touch und Tastatur erkunden
Statische Seiten mit geprüften Dateien veröffentlichen
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.
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.
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.
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.
Register der veröffentlichten Angaben ↗Lass uns über Prozess, Systemgrenzen und einen sinnvollen ersten Schritt sprechen.
marvinkamp1988@gmail.com ↗Mein Profil für Arbeitgeber ↗