Skip to content

Instantly share code, notes, and snippets.

@kdoodoo

kdoodoo/intmus_canvas.html

Last active February 15, 2016 21:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kdoodoo/d8de31486412b0cd1dfe to your computer and use it in GitHub Desktop.
Save kdoodoo/d8de31486412b0cd1dfe to your computer and use it in GitHub Desktop.
Download ZIP
Raw
intmus_canvas.html
<html>
<head>
<script type="text/javascript" src="http://cdn.tonejs.org/latest/Tone.min.js"></script>
<script type="text/javascript">
var sampleURL;
var player;
var myaudio;
var context;
function init() {
var canvas = document.getElementById('mycanvas');
context = canvas.getContext('2d');
//context.moveTo(0,0);
//context.lineTo(100,100);
context.stroke();
canvas.addEventListener('mousemove',function(evt){
console.log(evt);
context.lineTo(evt.clientX, evt.clientY);
context.stroke();
var osc = new Tone.Oscillator(evt.clientX,"square").toMaster(.2).start(0).stop(evt.clientX);
//osc.frequency.setValueAtTime(evt.clientX, evt.clientX);
//osc.frequency.exponentialRampToValueAtTime(evt.clientY, evt.clientY);
//osc.stop(Infinity);
console.log(osc);
});
}
window.addEventListener('load',init);
</script>
</head>
<body>
<canvas width="500" height="500" id="mycanvas"></canvas>
<audio id="myaudio" > //controls autoplay>
<source src="http://doyoki.com/project/interactivemusic/week2/intmus3.mp3" type = "audio/mpeg">
</audio>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment