var TS = 25

var space = 5;

var r = 0;

​

var multi = 1

​

t = 0;

dt = 0.02;

​

var spacer = 1

var multer = 1;

var tile;

function setup() {

  createCanvas(400, 400);

  tile = createGraphics(75,75)

  createSlider(1,8,space).input(function(e){space=this.value()})

  createSlider(1,200,TS).input(function(e){TS=this.value()})

  createSlider(-PI,PI,r, 0.1).input(function(e){r=this.value()})

  createSlider(0.5, 10, spacer, 0.05).input(function(e){spacer=this.value()})

  createSlider(0.5, 4, multer, 0.25).input(function(e){multer=this.value()})

  createSlider(0, 0.65, dt, 0.001).input(function(e){dt=this.value()})

}

​

​

​

function draw() {

  background(220);

  tile.clear()

  for (var k = 0; k < TS*multer;     k+=space ){

    tile.push()

    tile.translate(75/2, 75/2)

    tile.translate(i, j)

    tile.rotate(r)

    tile.line(k,0, 0, k)

    tile.pop()

  }

  for (var     i = -(75/2)+0; i < width ; i+=TS*spacer    ){

    for (var   j = -(75/2)+0; j < height; j+=TS*spacer    ){

      image(tile,i,j)

    }

  }

  r += dt

}