Interactive 3D website · personal work sample
OWNER-BUILTOwner-built recruitment portfolio with two visual directions, procedural three-dimensional MK1 lettering and an accessible project explorer. No external 3D models or runtime libraries.
JavaScript, WebGL, GLSL, procedural 3D, Node.js, static generation, nginx
01 / 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.
THE STARTING QUESTION
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.
Structure content and evidence
Model MK1 glyphs as original polygons
Render extrusion, bevels and material locally
Explore projects through pointer, touch and keyboard
Publish static pages with verified files
This diagram explains the domain relationship. It does not reconstruct a private production network.
Structure content and evidence
Model MK1 glyphs as original polygons
Render extrusion, bevels and material locally
Explore projects through pointer, touch and keyboard
Publish static pages with verified files
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.
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.
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.
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.
Published-claims register ↗Let’s discuss the process, system boundaries and a useful first step.
marvinkamp1988@gmail.com ↗My profile for hiring teams ↗