function setup()
{
    createCanvas(360, 360);
  
    var maxX  =width;
    var maxY  =height;
    var maxX_2=maxX/2;
    var maxY_2=maxY/2;
     
    seno   =[];
    lineare=[];
     
    for(var i=0; i < maxX; i++)
    {
        var delta =1.0*i/maxX;
        lineare[i]=delta;  
        seno[i]   =sin(delta*PI);
    }
     
    for(var i=0; i < maxX; i++)
    {
        stroke(255*seno[i]);
        line(i, 0, i, maxY_2);
    }
     
    for(var i=0; i < maxX_2; i++)
    {
        stroke(2*255*lineare[i]);
        line(i, maxY_2, i, maxY);
    }
    for(var i=maxX_2; i < maxX; i++)
    {
        stroke(2*255*(1-lineare[i]));
        line(i, maxY_2, i, maxY);
    }
}