Karan Mhatre

2022 - Art Project - Personal

Imagery using shaders on a video feed

Thumnail for imagery using shaders on a video feed

The Project

Timelines: January 2022

Project: Using the Webcam feed and p5js to create interesting imagery

Team: Solo

Tools: p5.js, GLSL Shaders, MacBook Pro Web Camera

Old Film Reel

I created a old film reel effect. It had a raw and rugged look.

The image moved vertically at an uneven speed like an old film reel.

Link to try out the effect

Old Film Reel
Old Film shader results Old Film shader results 1
Old Film shader results Old Film shader results with objects

The effect added a layer of expression and texture to the pictures.

Stretched Bottom

I stretched out the bottom with an “atan” function. It was interesting to hold vertical items near the edge where the stretch started..

It reminded me of illustrations where body part proportions are exaggerated.

Link to try out the effect

Stretched Bottom Shader
Stretched Bottom shader Stretched Bottom
Poster using video shaders Poster using the stretched bottom shader

Side Infinite

Similar to the previous one, in this I stretched out the video horizontally.

It reminded me of illustrations where body part proportions are exaggerated.

Link to try out the effect

Side Infinite
Side Infinite shader Side Infinite
Side Infinite shader Album Art using Side Infinite

Fractured

Vertically fractured video effect. Using the mouse coordinate to control the measure of fracture.

Link to try out the effect

Fractured
Side Infinite shader Fractured Video Results

Blend

Effects emulating a blended "flowy" liquid.

Link to try out the effect

Blend
Blend shader Blend Video Results
Poster using shaders Poster using the blend effect

Others

Here are some other effects I tried out too.

Link to try it out

Sine shader Wave Result

Link to try it out

Cut-out shader Cut-out Results