10

​

///NO NEED TO WRITE ANYTHING HERE

///DOEN BELOW WRITE IN ORANGE TEXT

let particles = [] ; 

​

function setup() {

  createCanvas(2000, 2000);

  background(1000,120,30,20);

}

​

function draw() {

  if(mouseIsPressed)  {

    particles.push(new Particle(mouseX, mouseY, 70, 75)); 

  }

  for(let i=particles.length-2; i>=0; i--) {

    particles[i].update(particles);

    particles[i].show() ;

    if(particles[i].alpha<=2) particles.splice(i, 5); 

  }

}

​

​

​

class Particle{

  constructor(x,y,r,a){

    this.location = createVector(x,y) ;

    this.velocity = createVector(random(-1,1),random(-1,1));

    this.acceleration = createVector();

    this.alpha = this.palpha=a ;

    this.amp=3; // size of the particle

    this.rate = r;

  }

  update(p){

    this.acceleration.add(createVector((noise(this.location.x)*2-1), (noise(this.location.y)*2-1)));

    this.velocity.add(this.acceleration);

    this.acceleration.set(0,0);

    this.location.add(this.velocity);

    this.alpha -= this.rate ;

    if(this.alpha<=this.palpha*0.25 && this.palpha>10) {

      p.push(new Particle(this.location.x, this.location.y, this.rate*0.25, this.palpha*0.5));

    }

  }

​

  show(){

    noStroke() ;

    fill(0,35,25, this.alpha) ;

    ellipse(this.location.x, this.location.y, this.amp);

  }

} 

///WRITE POEM HERE

let alphabet=['Transparency  ', 'is', 'such', 'a','gift.', 'I', 'want', 'to','be', 'as', 'transparent', 'as', 'the', 'pages', 'in', 'my', 'journal.', 'Thick', 'enough', 'to', 'hold', 'the', 'writing,', 'thin', 'enough','where', 'the', 'ink', 'seeps', 'through']

///WRITE POEM HERE

​

​

​

let spaces=[]

let letters=[]

let easing=0.01

let colors=["#919098","#897c80","#ba8f95","#cab6cd","#cfbcdf"]

​

​

function setup() {

  createCanvas(1000, 1000);

  blendMode(MULTIPLY)

  textAlign(CENTER, CENTER)

  let size=90

  textSize(size)

  stroke(1)

  let i=-10

  for(let yer=size; yer<height-size; yer+=size){  

  for(let xer=size; xer<width-size; xer+= size){

    if(i<alphabet.length){

      var space={

        x: xer,

        y: yer  

      }

      spaces.push(space)

    }

    i+=1

    }

  }

  for(let j=0; j<alphabet.length; j+=1){

    letters.push(new letter(j))

  }

​

}

​

function draw() {

  clear();

 for(letter of letters){

   letter.update();

   letter.display();

 }

}

​

class letter{

  constructor(l){

    this.x=width/1

    this.y=width/1

    this.letter=l

    this.stroke=random(colors)

    this.fill=random(colors)

  }

 update(){  

  this.goalx= spaces[this.letter].x

  this.goaly= spaces[this.letter].y

   let dx = this.goalx - this.x;

  this.x += dx * easing;

  let dy = this.goaly- this.y;

  this.y += dy * easing;

​

 } 

display(){

 fill(0, 30)

 stroke(this.stroke)

strokeWeight(0)

  text(alphabet[this.letter], this.x, this.y) 

}

}

​

function mouseReleased(){

  shuffle(spaces, true)

  }

​