Symbol
Symbol

Helmet Shader

helmet-shader.vercel.app

Interactive 3D Shader

2024

WebGL, Three.js, Shader Programming

Role

Developer & Designer

Stack


React

Three.js

React Three Fiber

GLSL Shaders

WebGL

Background


An interactive 3D dithering shader implementation showcasing real-time graphics programming. The project features a Supreme Fox racing helmet with customizable pixelation effects, halftoning patterns, and bloom post-processing. Built with React Three Fiber, it demonstrates advanced shader techniques including 4x4 dithering matrices, luminance-based pattern application, and dynamic parameter controls. Users can adjust grid resolution, pixelation strength, grayscale modes, and lighting in real-time—exploring the intersection of computational graphics and interactive design.


Try Interactive Demo View on GitHub
Symbol
Symbol
Symbol
Symbol

Technical Study

/ Shader Showcase

Symbol
Symbol
Symbol
Symbol
Symbol
Symbol

Interactive Resume

Interactive CV

Web Experience

2025

Vue.js, Web Design, Swiss Design

Role

Design Engineer

Next project

/ Selected Work