var sz = 1;

var stp = 1;

var multx = 10;

var multy = 10;

var a = 1;

var b = 4;

var dt = 0.1;

var n = 0;

var nStep;

var x, y, i, j, k;

​

function setup() {

    createCanvas(1024, 768, P2D);

    frameRate(60);

    colorMode(HSB, 360, 255, 255);

    strokeWeight(sz);

    background(255);

    nStep = 0.001 * width;

    i = -0.5;

    j = -0.5;

}

​

function draw() {

    if(i < height / 9) {

        x = j;

        y = i;

        for(k = 1; k < 100; k++, n += nStep) {

            x = x - sin(y + a * sin(b * y)) * dt;

            y = y + sin(x + a * sin(b * x)) * dt;

            stroke(n % 360, 255, 255);

            line(multx * x - sz, multy * y - sz, multx * x, multy * y);

        }

        j += stp;

        if(j >= width / 9) {

            j = -0.5;

            i += stp;

        }

    }

}