Sound Canvas Drawing Tool – Google Experiment

Sound Canvas is a Google Experiment that converts drawings into sound. If you draw a line that slopes upwards, it will create a rising sound. This tool was created using Tensorflow.js, Tone.js, and WebRTC.

The sound will also follow motion. If you drew a line from left to right, the sound will travel in the same direction when you listen to it on your headphones.

You can also turn on your device’s camera to outline your body. For security purposes, these images will not be sent to Google’s servers.

Check the experiment here.

sound canvas


You might also find this interesting:


  1. HTML5 Game Development Facebook, Twitter and G+ The official HTML5GameDevelopment.org Facebook page up at: http://www.facebook.com/Html5GameDevelopment The official HTML5GameDevelopment.org Twitter account is at: https://twitter.com/#!/gamedevhtml5 The Google Plus page is up at: https://plus.google.com/b/106608051085232600929/ All are updated automatically via the...

  2. Rough Drawing Effect WebGL Experiment Rough Drawing Effect is an experiment in Three.js and WebGL that features multi-colored 3D shapes dancing around a colored background. Its author was inspired by another WebGL experiment called Polygon...

  3. Google's HTML5 Rube-golberg pre-Google IO Chrome experiment Google has launched a neat HTML5 based rube goldberg-style toy/game for getting a ball from one end of the page to the other as a build-up for Google IO Share...

  4. WebGL Particle Audio Visualizer Experiment This Particle Audio Visualizer is a HTML5 WebGL experiment that generates animations based on sound. The visualizer uses the WebAudio API to listen to sound via your device’s microphone. Based on...

  5. Google Maps 8-Bit Quest Tower Defense Does it count as a game or just a mash-up of an elaborate Google April Fools job? No one knows – but I do know that Duncan Barclay’s turning Google’s...

, ,
HTML5 Demos