In this project, I recreated the Playful Palette interface described in the SIGGRAPH 2017 paper by Shugrina et al., implementing a real-time, interactive colour mixing system inspired by traditional painting workflows, but enhanced with non-destructive digital features. [This is completely on WebGL but the canvas and paint functionality is a work in progress]
Key Features:
Parametric Color Gamut Representation:
Implemented blobs of color that blend smoothly based on distance, forming custom gradients and color gamuts. Artists can manipulate blobs in real time to explore color harmony and generate nuanced palettes.
Implemented blobs of color that blend smoothly based on distance, forming custom gradients and color gamuts. Artists can manipulate blobs in real time to explore color harmony and generate nuanced palettes.
Interactive Manipulation:
Supported drag, scale, and edit interactions on color blobs to dynamically alter palettes. Color selection happens via direct manipulation, creating a tactile, intuitive user experience.
Supported drag, scale, and edit interactions on color blobs to dynamically alter palettes. Color selection happens via direct manipulation, creating a tactile, intuitive user experience.
Infinite Palette History:
Integrated a non-linear, infinite history system that allows artists to revisit and modify past palettes, automatically recoloring the artwork based on previous palette states.
Integrated a non-linear, infinite history system that allows artists to revisit and modify past palettes, automatically recoloring the artwork based on previous palette states.
Real-Time Rendering & Blending:
Developed a GPU-accelerated blending system using fragment shaders for fast, smooth rendering of color gradients and blob interactions.
Developed a GPU-accelerated blending system using fragment shaders for fast, smooth rendering of color gradients and blob interactions.
