var y=240

var direction='down'

var sx

var r=0

var sy

var q

var w

var n

var xp

var yp

var t=0

​

function keyPressed(){

  if(keyCode===87)

    direction='u'

  else if(keyCode===68)

    direction='right'

  else if(keyCode===65)

    direction='left'

  else if(keyCode===83)

    direction='down'

  console.log(keyCode)

}

​

function setup() {

  createCanvas(400, 400);

​

}

​

function draw() {

   if (n==1 && t==1){

​

    xp=x-1

    yp=y-1

}  

  stroke(0)

  background(0,0,220);

  line(0, 80, 400, 80)

  line(0, 160, 400, 160)

  line(0, 240, 400, 240)

  line(0, 320, 400, 320)

  line(80, 0, 80, 400)

  line(160, 0, 160, 400)

  line(240, 0, 240, 400)

  line(320, 0, 320, 400)

  stroke(0,255,0)

  strokeWeight(4)

  noFill()

  rect(2,2,396,396)

  noStroke()

  fill(0)

  if (direction==='right' && x%80<1 && y%80<1){ sy=0 ;  sx=80 ;x=round(x)}

  if (direction==='u'  && x%80<1  && y%80<1){sy=-80 ; sx=0 ;t=1}

  if (direction==='down'  && x%80<1&& y%80<1){  sy=80; sx=0;t=1}

  if (direction==='left'  && x%80<1&& y%80<1){  sy=0; sx=-80;t=1}

  rect(x,y,80,80)

 if(n==1){ rect(xp,yp,80,80)}

  x=x+sx/100

  y=y+sy/100

dom()  

if ((x-q>-5 && x-q <5) && (y-w>-5 && y-w <5)){ r=0

    console.log('hi')   

     n=1;                                        

                      }  

}

​

​

​

​

function dom(){

  if(r==0){

  q=floor(random(1,4))*80;r=1

  w=floor(random(1,4))*80}

 fill(255,0,0)

 rect(q,w,80,80)

}

​

​

​