Colin
Freelance creative developer crafting WebGL, Three.js and shader-driven web experiences
This profile was put together from Colin's public GitHub portfolio, and they haven't joined Vibetown yet, so reach them through their portfolio. Is this you? Contact us to update or remove it.
About
Colin is a freelance web and creative developer with a keen interest in art and design. The work centres on WebGL, React Three Fiber and GLSL shaders, including two tutorials published on Codrops: a shader-based image reveal effect and an experimental infinite carousel. Other projects include Records, a 3D visualizer for Spotify monthly top tracks built with Next.js and MongoDB, and Ocean Heartbeat, an interactive 3D ocean made for Nuit de l'Info 2024.
Projects 6
R3F Image Reveal Effect
Shader-based image reveal effect built with React Three Fiber/Drei and GLSL and animated with Framer Motion, published as a tutorial on Codrops.
tympanus.netR3F Experimental Carousel
Wavy, infinite 3D carousel built with React Three Fiber and custom shaders, published as a tutorial on Codrops.
tympanus.netRecords
3D visualizer that lets users view and share their monthly Spotify top tracks, built with Next.js, React Three Fiber, Framer Motion, the Spotify API and MongoDB.
recordsss.vercel.appArt Stuffs
Project bringing together Colin's shader experiments, built with Three.js and GLSL.
artstuffs.netlify.appOcean Heartbeat
Interactive 3D ocean environment made for Nuit de l'Info 2024, with low-poly React Three Fiber models, GSAP and Motion animations, post-processing effects and a pixelated retro mode.
ocean-heartbeat.netlify.appMSDF Font Generator
Small tool that turns a .ttf font file into an MSDF texture plus JSON.
colindmg.github.io