//Made by Baron var dimensions = [66,10,11,10,true,true]; alert(`Swipe controls: `+new Array(Math.floor(innerWidth/6)).fill("-").join("")+` Swipe left or right to go through all the notes. Swipe down to start playing. Swipe up to stop playing. Tap to add a note (Tap multiple times to change note kind). Swipe to the left and down at the same time to increase pitch. Swipe to the right and up at the same time to decrease pitch. Swipe to the right and down to increase speed. Swipe to the left and up to decrease speed.`); alert("Please tell me what to add in the comments!"); var array = []; var blocks = []; var audioCtx = new (AudioContext||webkitAudioContext)(); var mouseposition = [-1000,-1000]; var lit = []; var blocktouch = false; var mposition = [-1000,-1000]; var cursorposition=0; var sounds = []; var pos = 0; var siz = 0; var speed = 1; var pitch = 400; document.addEventListener("touchstart",e=>{ if(e.changedTouches) e=e.changedTouches[0]; mposition=[e.clientX,e.clientY]; blocktouch=false; }); var playing = false; document.addEventListener("touchmove",e=>{ if(e.changedTouches) e=e.changedTouches[0]; npos=[e.clientX-mposition[0],e.clientY-mposition[1]]; if(npos[0]>50&&npos[1]>50) { speed+=.1; } else if(npos[0]<-50&&npos[1]<-50) { speed-=.1; } else if(npos[0]<-50&&npos[1]>50) { pitch+=50; } else if(npos[0]>50&&npos[1]<-50) { pitch-=50; } else if(npos[1]>50) playing = true; else if(npos[1]<-50) playing = false; else if(npos[0]>5||npos[0]<-5) { var additive = Math.round((mposition[0]-e.clientX)/siz)*siz; if(pos+additive>=0&&pos+additive<=siz*dimensions[0]-innerWidth) pos+=additive; } blocktouch=true; }); document.addEventListener("touchend",e=>{ if(e.changedTouches) e=e.changedTouches[0]; if(!blocktouch) mouseposition=[e.clientX,e.clientY]; }); function genOscillator(y,n) { var oscillator = audioCtx.createOscillator(); oscillator.type = n; oscillator.frequency.setValueAtTime(300+y*(pitch/dimensions[1]),audioCtx.currentTime); oscillator.connect(audioCtx.destination); return oscillator; } function frame() { c=document.querySelector("canvas"); c.width=innerWidth; c.height=innerHeight; ctx=c.getContext("2d"); //-=-// ctx.strokeStyle="white"; for(var y=0;yx*w-pos&&mouseposition[1]>y*h&&mouseposition[0]=colors.length) lit[i]=0; if(lit[i]!==0) { var notes=["square","sine","sawtooth","triangle"]; sounds[i][0]=genOscillator(y,notes[lit[i]-1]); } } if(lit[i]!==0) { if(!sounds[i][1]&&playing&&cursorposition>x*w&&cursorpositionx*w+w) { sounds[i][0].stop(); sounds[i][0]=genOscillator(y); sounds[i][1]=false; } } ctx.fillStyle=colors[lit[i]]; ctx.beginPath(); ctx.rect(x*w-pos,y*h,w,h); ctx.fill(); ctx.stroke(); ctx.closePath(); } } if(playing) { ctx.fillStyle="white"; cursorposition+=speed; ctx.fillRect(cursorposition-pos,0,4,innerHeight); } else cursorposition = 0; ctx.fillStyle="white"; if(playing) ctx.fillStyle="limegreen"; else ctx.fillStyle="red"; ctx.beginPath(); ctx.arc(10,10,10,0,2*Math.PI); ctx.fill(); ctx.closePath(); mouseposition=[-1000,-1000]; } (()=>{ setInterval(frame); })();

Music Maker - v1.0