# MK1 Interactive Portfolio

Owner-built recruitment portfolio with two visual directions, procedural three-dimensional MK1 lettering and an accessible project explorer. No external 3D models or runtime libraries.

Classification: OWNER_BUILT_PUBLIC

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

## My contribution

Owner-built portfolio project implemented with AI assistance: visual direction, domain content, original WebGL geometry and a statically generated, deliberately deployed presence. The sample connects presentation, interaction and inspectable content.

## Problem

An engineering portfolio needs both attention and concrete answers. Three-dimensional lettering contributes little if project pages are empty. The second visual direction therefore connects an interactive MK1 sculpture with a project explorer, complete case studies, skills and direct contact paths.

## Workflow

1. Structure content and evidence
2. Model MK1 glyphs as original polygons
3. Render extrusion, bevels and material locally
4. Explore projects through pointer, touch and keyboard
5. Publish static pages with verified files

## Engineering

### Real geometry rather than a rendered video

Letters originate from explicitly defined polygons. Triangulation, extrusion and bevelled edges produce the surfaces for the WebGL renderer. The lettering therefore genuinely responds to viewing angle rather than playing a video or downloaded 3D model. The material shader creates stylized studio lighting.

### Interaction with an understandable purpose

Dragging and arrow keys change the view. Material controls alter the finish and reset restores the starting point. The project explorer leads to concrete case studies and changes the visual mood. The spatial element remains part of a usable portfolio.

### The alternative works without the scene

All essential content is generated as HTML. Without WebGL, a calm fallback remains. Animation can be paused and respects reduced-motion preferences; rendering stops when the scene is offscreen. The site needs no external fonts, trackers or runtime CDNs.

## Decisions

- Develop presentation and evidence together: visible project areas lead to complete content.
- Retain the existing live direction and publish the alternative at its own comparable address.
- Use a small original mesh and native browser features instead of loading a large 3D runtime.

## Evidence and boundaries

- Public alternative website with spatial MK1 lettering, a project explorer and complete evidence pages.
- Automated checks for geometry, local assets, data boundaries and content completeness.

Personal work sample developed with AI assistance. It does not claim long-term professional WebGL specialization, performance on every GPU or a client engagement. A static fallback and readable content deliberately form part of the solution.

https://mk1.rocks/alternative/

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

Marvin Kamp · 25.10.2026