window.Muscula = { settings:{ logId:"599f6c48-f235-4665-a7a9-ba06dbc32626", suppressErrors: false, branding: 'none' }}; (function () { var m = document.createElement('script'); m.type = 'text/javascript'; m.async = true; m.src = (window.location.protocol == 'https:' ? 'https:' : 'http:') + '//musculahq.appspot.com/Muscula2.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(m, s); window.Muscula.run=function(c){eval(c);window.Muscula.run=function(){};}; window.Muscula.errors=[];window.onerror=function(){window.Muscula.errors.push(arguments); return window.Muscula.settings.suppressErrors===undefined;} })();

Synthogram

Draw Menu
-
30
60
Note: -- | Freq: -- Hz
Harmony
Sound

Musical Scale

Starting Note

Starting Octave

Number of octaves

About

See my Experiment on ChromeExperiments.com

Synthogram is an experiment in synthesizing drawings on a painting canvas.

It uses HTML5 Web Audio API, which enables sound synthesis in the browser. Because of that, it will only run on browsers that support it (such as Google Chrome). It is designed to work on mobile and touch devices as well (it is recommended to use headphones or an external speaker).

Synthogram is proudly open source, and availabled at Github.

Credits

Support

Bug reports will be kindly acceepted at our issue tracker. Check that your browser is supposed to be supported (i.e. supports Web Audio API) before opening a bug.