OKAY DEV logo OKAY DEV logo

Portfolio 2025

Report

Please review our Community Guidelines for additional information about what is and isn't permitted on Okay Dev.

This is the email we'll use to contact you about your report. Read more about this in our privacy policy.

Upload any files needed to support this report claim. E.g. image, PDF, text, video, or Word document. (Up to 5 files per report, max 10mb file size per file.)
Visit

My new portfolio, designed as a game experience where you'll need to interact with different parts of the site in order to unlock more content and features.

Martin laxenaire portfolio 2025 hero unlocked
Martin laxenaire portfolio 2025 years slider
Martin laxenaire portfolio 2025 invoices holding
Martin laxenaire portfolio 2025 open source

A tribute to 80s arcade video games and generative art

—

Retro gaming design

In order to stick with the playful aspect of the portfolio, I wanted the design to be colorful and vibrant. I took inspiration from old school arcade games designs using elements such as impactful fonts, banded gradients, colorful grids, pixelated effects and cheerful animations.

Throughout the navigation, the users are greeted with instructions and rewarding messages, inciting them to keep playing and exploring the website content.

—

Reward the user interactions with gaming mechanisms

The page is divided into sections such as the intro, projects, about, etc. Each one one of them contains a procedurally generated WebGPU scene.
They need to be completed by interacting with them, using basic gestures such as drag or click & hold, before being able to move to the next one.

The user can also access to additional features such as a dark/light theme switcher or a random color palette generator by interacting with the page UI.

Some of the references used in my moodboard (all credits go to their respective authors), as well as some UI details and rewarding messages from the game mechanics.

Moodboard
Martin laxenaire portfolio 2025 level manager
Martin laxenaire portfolio 2025 unlocked section
Martin laxenaire portfolio 2025 unlocked feature

WebGPU powered

All the interactive scenes are rendered with gpu-curtains, my very own WebGPU 3D rendering engine.

The idea was to create different immersive procedurally generated environments and interactions so they don’t look too much the same or feel repetitive, while sharing the same color schemes.

—

Technical challenges

I’ve made a good use of compute shaders for things like basic instanced meshes physics or curl noise particles and implemented various complex rendering technics such as volumetric lighting or planar reflections.

To deliver a smooth experience accross every device, each scene monitors its own performance and can downgrade or upgrade the rendering quality in real time.

I’ve also created 2D canvas fallback scenes to handle cases where the WebGPU API is not available or to respect reduced motion settings.

Some screencast debug of the WebGPU scenes — as well as a 2D canvas fallback scene — examples.

Published by
Martin Laxenaire Avatar
Project Date
September 2025
Categories
Styles
Skills/Tools