dx = (TWO_PI / period) * xspacing;
yvalues = new Array(floor(w/xspacing));
xvalues = new Array(floor(w/xspacing));
var rojo=map(mouseY,0,height,0,255);
var calcWave = function() {
var teta=map(mouseX,0,width,0.5,0.03);
for (var i = 0; i < yvalues.length; i++) {
var posY=map(mouseX,0,height,200,400);
var amplitud=map(mouseY,0,height,400,100);
yvalues[i]=sin(x)*amplitud;
xvalues[i]=cos(x)*amplitud;
x+=(TWO_PI / posY) * xspacing;;
var renderWave = function() {
var azul=map(mouseY,0,height,0,255);
for (var x = 0; x < yvalues.length; x++) {
ellipse(x*xspacing+yvalues[x]/20, xvalues[x]/20+height/2-160, tamano, tamano);
ellipse(x*xspacing+yvalues[x]/23, xvalues[x]/23+height/2-140, tamano, tamano);
ellipse(x*xspacing+yvalues[x]/26, xvalues[x]/26+height/2-120, tamano, tamano);
ellipse(x*xspacing+yvalues[x]/29, xvalues[x]/29+height/2-100, tamano, tamano);
ellipse(x*xspacing+yvalues[x]/32, xvalues[x]/32+height/2-80, tamano, tamano);
ellipse(x*xspacing+yvalues[x]/35, xvalues[x]/35+height/2-60, tamano, tamano);
ellipse(x*xspacing+yvalues[x]/38, xvalues[x]/38+height/2-40, tamano, tamano);
ellipse(x*xspacing+yvalues[x]/41, xvalues[x]/41+height/2-20, tamano, tamano);
ellipse(x*xspacing+yvalues[x]/44, xvalues[x]/44+height/2, tamano, tamano);
ellipse(x*xspacing+yvalues[x]/47, xvalues[x]/47+height/2+20, tamano, tamano);
ellipse(x*xspacing+yvalues[x]/50, xvalues[x]/50+height/2+40, tamano, tamano);
ellipse(x*xspacing+yvalues[x]/53, xvalues[x]/53+height/2+60, tamano, tamano);
ellipse(x*xspacing+yvalues[x]/56, xvalues[x]/56+height/2+80, tamano, tamano);
ellipse(x*xspacing+yvalues[x]/59, xvalues[x]/59+height/2+100, tamano, tamano);
ellipse(x*xspacing+yvalues[x]/62, xvalues[x]/62+height/2+120, tamano, tamano);
ellipse(x*xspacing+yvalues[x]/65, xvalues[x]/65+height/2+140, tamano, tamano);
ellipse(x*xspacing+yvalues[x]/68, xvalues[x]/68+height/2+160, tamano, tamano);