Press escape to exit fullscreen

{{sketch.instructions}}

CC {{sketch.licenseObject.short}}

Archived Sketch

This sketch is created with an older version of Processing,
and doesn't work on browsers anymore.

View Source Code

Webcam Shader 2

{{$t('general.by')}}
Creates a fantasy image from your webcam's input using a custom shader. Example found at https://p5js.org/examples/3d-shader-using-webcam.html The two shader files had to be renamed, since OpenProcessing would not upload them as 'webcam.vert' and 'webcam.frag'. I renamed them as text files and then they uploaded and worked fine! - Richard Bourne
Tap the mouse or screen to save the full screen on a new tab. It will be upside down. Press and hold on the image to get the popup menu and select Save Image. Then in Photos, choose Edit and rotate the image right way up.
We recovered an unsaved version of this sketch. Please review your changes below.

As a Plus+ Member feature, this source code is hidden by the owner.

  • {{co.title}}
    {{$t('sketch.mode-pjs')}} {{$t('general.learnMore')}}
    Select mode or a template
    {{liveCodeLink}}
    • {{l.url.substr(l.url.lastIndexOf('/') + 1)}}
    {{$t('sketch.layoutDescription')}}

    {{k.category}}
    {{k.label}}
    {{k.description}}

    {{$t('sketch.seeMoreShortcuts')}}

    Versions are only kept for 7 days.
    Join Plus+ to keep versions indefinitely!

    {{$t('general.joinPlus')}}


    {{$t('sketch.versionsSummarized')}}