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. 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...

  2. 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...

  3. Phaser 3 Experiment for Drawing Cards Turn-based card strategy games are some of the most famous genres in today’s games. One of their main attractions is the card-drawing animation. You can learn to build this card...

  4. 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...

  5. 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...

, ,
HTML5 Demos