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

Color to Sound

{{$t('general.by')}}
CLICK AND DRAG THROUGH THE ARROW AND DISCOVER A MELODY :) I joined the SinewaveSignal and Pixelarray examples. I used HUE function to extract the color data. The palette at the botom is the musical scale I calibrated maping colors an freqs. This calibration is arbitrary: red is C? G is yellow? You can change the code to match different notes to other colors. Thanks and credits for their help to Victor Gil when joining both codes and when searching the variable of the color in Pixelarray: aPixels[int(signal)]
Mouse, Screen, Speakers
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')}}