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

Image based connections

{{$t('general.by')}}
This one shares a lot of code with http://www.openprocessing.org/sketch/81905 and http://www.openprocessing.org/sketch/80169. Just draws connecting lines between image based points. Number, length and color is based on brightness of the image at point (x,y). It loads two images: one photograph and one image with 3 channels (r, g, b). The channels are used to describe the density of the points at a certain area. Controls: mouse=start over 1/2=less/more points at area 1 3/4=less/more points at area 2 5/6=less/more points at area 3 i=show/hide image f=show/hide points c=curly/straight lines
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')}}