Shader Library

Project description

I built a real-time comic book shader that transforms any 3D scene into comic art -- all in a single GLSL fragment pass. 6 composable effects running together: → Cel shading → Ben-Day halftone dots → CMYK misregistration → Sobel edge outlines → Hand-drawn line wobble → Paper texture Mix and match them through 6 style presets -- Comic Book, Pop Art, Noir, Manga, Vintage Print, and Clean. There's also an interactive lens you can click and hold -- it reveals a contrasting style with organic blob physics. Pretty fun to mess around with. Built with Three.js and WebGL 2. Fully responsive down to mobile with Safari safe-area handling, prefers-reduced-motion support, and accessibility covered. I also reached out to Codrops about writing a tutorial breaking down how the shader pipeline works -- each effect, how they chain in a single pass, and the tricks that make it look convincing. Live demo: https://comic-shader.nl/ GitHub: https://lnkd.in/dsGWK2Td