let h=700

let x=w/2

let y=h/2

let s=40

let si=[]

let colours=['green','pink']

let c=0

let wc

let v=4

let ci

function preload() {

  ci= loadImage('assets/sisi.jpeg')

}

function setup() {

  createCanvas(w,h);

  for(let i=0;i<6;i++){

    let c='pink'

    if(i>2){

      c='green'

    }

  si.push(new sisi(random(w),random(h),c))

}}

​

function draw() {

  background('black');

  if(keyIsDown(RIGHT_ARROW)){

    x+=v

  }

  if(keyIsDown(LEFT_ARROW)){

    x-=v

  }

  if(keyIsDown(UP_ARROW)){

    y-=v

  }

  if(keyIsDown(DOWN_ARROW)){

    y+=v

  }

  for(let i=0;i<si.length;i++){

    si[i].sisi()

    if(si[i].x<x+s&&si[i].x>x&&si[i].y<y+s&&si[i].y>y){

      s+=(1-3*int(si[i].c!=colours[c]))*10

      si.splice(i,1)

      si.push(new sisi(random(w),random(h),random(['green','pink'])))

    }

  }

  strokeWeight(5)

  stroke(colours[c])

  rect(x-s/2,y-s/2,s,s)

  image(ci,x-s/2,y-s/2,s,s)

  if(random(1200)<1){

    c=c*-1+1

  }

}

class sisi{

  constructor(x,y,c){

    this.x=x

    this.y=y

    this.c=c

  }

  sisi(){

    strokeWeight(0)

    fill(this.c)

    textSize(20)

    text('♥',this.x-10,this.y-10)

  }

}