Skip to main content

Shaders in GLSL

GLSL shader programming within the Three.js framework, where I developed shaders for both personal and a client-based project (TOI)

  • Description of the imageGLSL Shaders
  • Description of the imageThreejs
  • Description of the imageOpenCV

Personal Projects

These projects include visual effects achieved through layered fagment shader programming and multiple render target buffers for handling and blending different visual outputs in real-time.

Project TOI

In Project TOI, we used body keypoint detection to align a 3D garment with matching animation over the body. We then performed body segmentation, passing the segmented body and animated garment as separate masks into the shader to apply layered effects. These implementions include usage of OpenCV, functions like Ramer-Douglas-Peucker for contour simplification, Sobel for edge detection, AAStep for anti-aliasing, and several others.