The Process: Oscilloscope Music

Share this post

An oscilloscope is a device used to measure the frequency of electrical signals and display waveforms of those signals against a graph. If that sounds boring, it's because you haven't considered the creative capacity of this kind of tool. Jerobeam Fenderson, the man behind the Oscilloscope Music project, realized the oscilloscope's potential years ago, and he's been incorporating it into his live performances ever since.

We asked Fenderson if he'd walk us through the process of turning sound into images. He did us one better and gave us a complete walkthrough, which you can follow at home using the open source software he suggested. Enjoy!

First of all, in case you don't have an oscilloscope around, don't worry: the patch below includes a simple software scope to start playing right away. However, if you do have one, particularly an analog one, it will give you the advantage of looking way nicer. Just switch it to XY-mode (also called lissajous mode) and plug the left and right audio channels from your soundcard into it's horizontal and vertical inputs.

So, let's build a simple patch in Pure Data to draw some lissajous figures on an oscilloscope!

Pure Data (aka Pd) is an open source software, that let's you plug objects together to create sounds in a quick and effective way. If you're not familiar with it yet, it's best to download and install Pd-extended from puredata.info. To be able to hear the sounds you make, you need to check the DSP box in the main window, maybe adjust your audio preferences (Media → audio settings), and create a new file (File → New).

First we need an audio output from Pd. Pressing Ctrl+1 will create an object, specified by what you then write into it. For the audio output, type in "dac~" (digital to analog converter) and you will get an object with two inlets for left and right audio channels. As our first sound source we create a phasor~ object, which periodically outputs a ramp from 0 to 1 (sawtooth waveform), with the frequency specified at its input. Herefore we need a number box, created with Ctrl+3. To type in numbers you need to switch to "Play mode" with Ctrl+E. You can also click and drag to change the frequency. To go on editing your objects, switch back to "Edit mode" by pressing Ctrl+E again. Before you connect the phasor~ to the dac~ object, I suggest you turn your speakers down a little, because the sound can be quite harsh.

Now, to draw images with sound, we need two different audio channels. We're going to use the simplest possible waveforms, sine and cosine, which look similar to each other, but phase-delayed.

The respective Pd objects sin~ and cos~ take the phasor~'s periodical ramp as input and convert it into a sine and a cosine wave.

These audio signals are fed into the oscilloscope, so that one of them moves the green dot horizontally, while the other one moves it vertically, and it's happening so fast that we don't actually see the movement anymore, but rather the stable image of a circle.

To change the circle's size we need to multiply the signal with a number between 0 and 1. This can be done with a slider (Ctrl+Shift+V) and a *~ (multiplication) object. Right click on it to edit it's value range. To smooth out changes and avoid crackling, it's advisable to put a line~ object in between. The message box above (created with Ctrl+2) just tells it to use the sliders value with a change rate of 10 milliseconds.

Now finally we want more complex images. To experiment for yourself, an additive synthesizer will be a good start. Just select all the objects, except for the dac~, and press Ctrl+D to duplicate them, then add the signals with a +~ object.

Changing both parts' frequencies and volumes will already give you quite a variety of lissajous figures, and this is just the beginning. If you play around by yourself a little, you can easily find out about lots of possibilities to create new waveforms and images on your oscilloscope.

The complete Pd patch, including a little scope visualization subpatch, is available here.

More information, including an incredible 'How to Draw a Mushroom' video tutorial, is available on the Oscilloscope Music project page.

Comments
    1. John Overstreet on

      This reminds me of back in high school when I modified a tube TV to be an o-scope and fed early electronica into it. Of course back then, all TVs were tube TVs...

      Synergy had great lissajou patterns of the bass line - Pink Floyd too. Now I have a real Tektronics oscilloscope on my bench and I haven't fed it music in YEARS...

      Thank you for the kick start!

    2. Robin Beckett on

      This is so cool. I love it.

    3. Syed Hussain on

      Very Good interesting.

      Can i make http://www.clickpackers.com/ as a main hub for packers and movers in india ? Im looking to start a new venture on packers and movers

    4. Missing avatar

      Sachin Agarwal on

      This comment has been removed by Kickstarter.

    5. Soni Gupta on

      This comment has been removed by Kickstarter.

    6. Soni Gupta on

      This comment has been removed by Kickstarter.

    7. Soni Gupta on

      This comment has been removed by Kickstarter.

    8. Soni Gupta on

      This comment has been removed by Kickstarter.

    9. Missing avatar

      indra on

      This comment has been removed by Kickstarter.

    10. Missing avatar

      Amine on

      This comment has been removed by Kickstarter.

    11. Missing avatar

      Upeksha Pawar on

      This comment has been removed by Kickstarter.

    12. Missing avatar

      indra7 on

      This comment has been removed by Kickstarter.

    13. Jivanlal Kumar on

      This article is really fantastic and thanks for sharing the valuable post.
      Packers and Movers Hyderabad @
      http://www.expert5th.in/packers-and-movers-hyderabad/
      Packers and Movers Delhi @
      http://www.expert5th.in/packers-and-movers-delhi/
      Packers and Movers Gurgaon @
      http://www.expert5th.in/packers-and-movers-gurgaon/
      Packers and Movers Noida @
      http://www.expert5th.in/packers-and-movers-noida/

    14. Jivanlal Kumar on

      Thanks for post this helpful post - Please visit for More information about -
      Packers and Movers Bangalore @
      http://www.expert5th.in/packers-and-movers-bangalore/
      Packers and Movers Mumbai @
      http://www.expert5th.in/packers-and-movers-mumbai/
      Packers and Movers Chennai @
      http://www.expert5th.in/packers-and-movers-chennai/

    15. Jivanlal Kumar on

      Thanks for all your information, Website is very nice and informative content.
      Packers and Movers Pune @
      http://www.expert5th.in/packers-and-movers-pune/
      Packers and Movers Thane @
      http://www.expert5th.in/packers-and-movers-thane/
      Packers and Movers Navi Mumbai @
      http://www.expert5th.in/packers-and-movers-navimumbai/
      Packers and Movers Ghaziabad @
      http://www.expert5th.in/packers-and-movers-ghaziabad/
      Packers and Movers Faridabad @
      http://www.expert5th.in/packers-and-movers-faridabad/

    16. Missing avatar

      indra7 on

      This comment has been removed by Kickstarter.

    17. Missing avatar

      jack parker on

      This comment has been removed by Kickstarter.

    18. Missing avatar

      David Pollart on

      I was so amazed with the article, it was incredible, I loved it. sorry if I deviated, I want to share health articles, money may be useful as the following articles:

      http://thebigbangtheory.otavo.tv/
      http://bones.otavo.tv/
      http://criminalminds.otavo.tv/
      http://csi.otavo.tv/
      http://how-i-met-your-mother.sequd.com/
      http://supernatural.otavo.tv/
      http://ncis.otavo.tv/

    19. Missing avatar

      Mir Azhar on

      Thanks for nice share. Things are in fact pleasant here with the actuality that is great on Whatsapp Download.
      http://whatsappforme.com/whatsapp-for-pc-free-download-windows-computer/

    20. Missing avatar

      iddesign on

      here is a link to the application drive as Whatsapp
      http://www.bluestacks.com/ and the designer http://www.iddesign.pro.

      Thank you for sharing

    21. Missing avatar

      Namaku Keren on

      This comment has been removed by Kickstarter.

    22. Missing avatar

      teguhbejo on

      This comment has been removed by Kickstarter.

    23. Missing avatar

      teguhbejo on

      This comment has been removed by Kickstarter.

    24. Missing avatar

      Doa Ibu Tersayang on

      This comment has been removed by Kickstarter.

Line icon alert icon Artboard Copy 8 arrow-down icon arrow-down arrow-left icon arrow-left arrow-point-left icon Fill 1 Copy 5 arrow-point-right icon Fill 1 arrow-right icon arrow-right arrow-up-right icon icon--arrow-up-right copy bar-chart icon Artboard Copy 6 bell icon Combined Shape Copy 5 book icon Artboard Copy 3 bookmark icon Fill 1 brand-assets icon Artboard Copy 13 cart icon Artboard Copy 4 chat icon chat check icon Fill 1 Copy 6 circle-back icon Fill 1 Copy 13 circle-forward icon Fill 1 Copy 16 circle-k icon circle-k circle-left icon circle-left circle-right icon circle-right clipboard icon Artboard Copy 12 clock icon Combined Shape close icon close closed-caption icon Fill 1 compass icon Combined Shape Copy 2 conversion icon conversion delta-down icon Fill 1 delta-left icon delta-right icon Fill 1 delta-up icon Fill 1 duplicate icon duplicate embed icon Combined Shape Copy 6 eye icon Combined Shape Copy 12 facebook-contained icon Facebook Contained facebook icon Facebook logo flag icon Fill 1 Copy 3 gear icon Fill 1 Copy 14 global-africa icon Fill 1 Copy 9 global-america icon Fill 1 Copy 10 global-asia icon Fill 1 Copy 17 graph-bar icon Combined Shape Copy 9 graph-line icon Combined Shape Copy 16 heart icon Fill 1 Copy 8 help icon human icon icon--human icon--alarm icon icon--alarm icon--alert icon icon--alert icon--arrow-down icon icon--arrow-down icon--arrow-left icon icon--arrow-left icon--arrow-right icon icon--arrow-right icon--arrow-up-right icon icon--arrow-up-right icon--arrow-up icon icon--arrow-up icon--backer-badge icon icon--backer-badge icon--bell icon icon--bell icon--bolt icon icon--bolt icon--bookmark-outline icon icon--bookmark-outline icon--bookmark icon icon--bookmark icon--calculator icon icon--calculator icon--calendar-check icon icon--calendar-check icon--calendar icon icon--calendar icon--campaign-outline icon icon--campaign-outline icon--check icon icon--check icon--chevron-down icon icon--chevron-down icon--chevron-left icon icon--chevron-left icon--chevron-right icon icon--chevron-right icon--chevron-up icon icon--chevron-up icon--circle-around icon icon--circle-around icon--circle-back icon icon--circle-back icon--circle-forward icon icon--circle-forward icon--circle-loader icon Page 1 icon--circle icon icon--clipboard icon icon--clipboard icon--clock icon icon--clock icon--closed-caption icon icon--closed-caption icon--code icon icon--code icon--collapse icon icon--collapse icon--commissions icon icon--commissions icon--compass icon icon--compass icon--confirmation icon icon--confirmation icon--conversion icon icon-conversion icon--cpu icon icon--curve-right icon icon--curve-right icon--cross icon icon--cross icon--delta-down icon icon--delta-down icon--delta-left icon icon--delta-left icon--delta-right icon icon--delta-right icon--delta-up icon icon--delta-up icon--download icon icon--download icon--ellipsis icon icon--expand icon icon--expand icon--external icon icon--external icon--eye icon icon--eye icon--facebook icon icon--facebook icon--filter icon icon--filter icon--flag icon icon--flag icon--frown-filled icon icon--frown icon icon--gear icon icon--gear icon--globe-africa icon icon--globe-africa icon--globe-america icon icon--globe-america icon--globe-asia icon icon--globe-asia icon--graph-bar icon icon--graph-bar icon--graph-line icon icon--graph-line icon--happy-filled icon icon--happy icon icon--heart-outline icon icon--heart outline icon--heart-thin-outline icon Fill 1 icon--heart icon icon--heart icon--home icon icon--home icon--home-with-door icon icon--human icon icon--human icon--humans icon icon--humans icon--image icon icon--image icon--inbox icon icon--inbox icon--info icon icon--info icon--instagram icon icon/instagram icon--lightbulb icon icon--lightbulb icon--link icon icon--link icon--lock-black-bg icon lock-icon icon--lock icon icon--lock icon--mail icon icon--mail icon--meh-filled icon icon--meh icon icon--menu icon icon--menu icon--message icon icon--message icon--mobile icon icon--mobile icon--overflow icon icon--overflow icon--pause icon icon--pause icon--pencil icon icon--pencil icon--pin icon icon--pin icon--pinterest icon icon--pinterest icon--play icon icon--play icon--plus-human icon icon--plus-human icon--plus icon icon--plus icon--prohibit icon icon--prohibit icon--project-budget icon icon--pull-quote icon icon--pull-quote icon--question-filled icon icon--question-filled icon--question icon icon--question icon--reorder icon icon-reorder icon--reply icon icon--reply icon--save icon icon--save icon--saved icon icon--saved icon--search icon icon--search icon--section-break icon icon--section-break icon--small-k icon icon--sound-hi icon icon--sound-hi icon--sound-lo icon icon--sound-lo icon--sound-mute icon icon--sound-mute icon--star-outline icon Star Outline icon--star icon icon--star icon--subtitles-captions icon icon--subtitles-captions icon--text-bold icon icon--text-bold icon--text-bullet icon icon--text-bullet icon--text-italic icon icon--text-italic icon--textalign-centered icon icon--textalign-centered icon--textalign-right icon icon--textalign-right icon--thumbs-down icon icon--thumbs-down icon--thumbs-up icon icon--thumbs-up icon--thumbsdown-outline icon icon--thumbsdown-outline icon--thumbsup-outline icon icon--thumbsup-outline icon--trash icon icon--trash icon--tumblr icon icon--tumblr icon--twitter icon icon--twitter icon--unlink icon Artboard icon--unlock icon icon--unlock icon--update-freeform-round icon icon--update-freeform-round icon--update-freeform icon icon--update-freeform icon--update-pinned icon Artboard icon--update-qa-round icon icon--update-qa-round icon--update-qa icon icon--update-qa icon--upload icon icon--upload icon--video icon icon--video icon--youtube icon icon--youtube icon-imagealign-center icon icon-imagealign-center icon-imagealign-left icon icon-imagealign-left icon-imagealign-right icon icon-imagealign-right info icon Combined Shape Copy instagram icon instagram copy kickstarter icon Artboard Copy 5 leaf icon leaf lightbulb icon icon--lightbulb link icon Combined Shape Copy 8 loading-spin icon lock icon Combined Shape Copy 4 mail icon Combined Shape map-pin icon Fill 1 menu icon Group message icon Fill 1 Copy 12 mobile icon Page 1 Copy 2 pause icon pause copy pencil icon Combined Shape Copy 3 pin icon Combined Shape Copy 11 pinterest icon pinterest play icon play copy plus-human icon icon--plus-human plus icon Fill 1 Copy 7 question icon Combined Shape Copy 14 search icon Fill 1 Copy 11 shapeshift icon share icon Fill 1 Copy slash icon solid-arrow icon solid-arrow sound-hi icon Combined Shape sound-lo icon Combined Shape sound-mute icon Combined Shape star icon Fill 1 Copy 2 stopwatch icon Group 2 thumbs-up icon Shape tools icon Shape trash icon Combined Shape tumblr icon tumblr copy twitter icon twitter copy user icon Artboard Copy 10 volume-up icon Artboard Copy 9 warning icon Combined Shape Copy 10 write icon Artboard Copy 11 x icon Fill 1 Copy 4 youtube icon Combined Shape