//// Demo code starts (anonymous function wrapper is optional) --- (function() { Pts.quickStart( "#pt", "#e2e6ef" ); // Note: use Sound.loadAsBuffer instead if you need support for Safari/iOS browser. (as of Apr 2019) // See this example: http://ptsjs.org/demo/edit/?name=sound.analyze var sound; var bins = 256; var colors = ["#f06", "#62e", "#fff", "#fe3", "#0c9"]; // Load sound Sound.load( "/assets/pages/pts-demos/spacetravel.mp3" ).then( s => { sound = s.analyze(bins); }).catch( e => console.error(e) ); // Draw play button function playButton() { if (!sound || !sound.playing) { form.fillOnly("#f06").rect( [[0,0], [50,50]] ); form.fillOnly('#fff').polygon( Triangle.fromCenter( [25,25], 10 ).rotate2D( Const.half_pi, [25,25] ) ); } else { form.fillOnly("rgba(0,0,0,.2)").rect( [[0,0], [50,50]] ); form.fillOnly("#fff").rect( [[18, 18], [32,32]] ); } } // animation space.add({ animate: (time, ftime) => { if (sound && sound.playable) { sound.freqDomainTo(space.size).forEach( (t, i) => { form.fillOnly( colors[i%5] ).point( t, 30 ); }); } playButton(); }, action: (type, x, y) => { if (type === "up" && Geom.withinBound( [x,y], [0,0], [50,50] )) { // clicked button sound.toggle(); } } }); //// ---- space.bindMouse().bindTouch().play(); })();
//wiki.ralfbarkow.ch/assets/pages/pts-demos/run-pts.html HEIGHT 160