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

Capture Screenshot

Triangles Camera

{{$t('general.by')}}
tim
groote
Detect motion in a live webcam image using pjs, insert particles into a particle system where motion is detected. please keep in mind that i'm using hacks to get pjs to work with the webcam data. your mileage may vary. Code is an unholy marriage between plain JS, HTML5 objects and PJS, so it will not function in the Processing IDE. this version features several small improvements ; less looping in render method, maximum number of particles, particles follow direction of motion.
Open in a browser like Chrome / Safari / Firefox. Turn your webcam on. Wave your hand, turn your head
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')}}

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