4

​

//////HELLO YOU DONT NEED TO TOUCH ANYTHING HERE :)

//LOOKING FOR WHERE TO WRITE? GO BACK TO THE PLAY BUTTON UP TOP AND CLICK ON THE WHITE BAR. TOGGLE THE WHITE BUTTON LEFT AND RIGHT

​

let inputElement, sliderElement

let txts=[]

​

//////COLOURS 

let colors ="FFF700-FFFFFF-FFF700-FFF700-FFFFFF".split("-").map(tx=>"#"+tx)

//////

​

let ay = 0.1

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(100);

  inputElement = createInput()

  inputElement.position(50,50)

  inputElement.input(userInput)

  sliderElement = createSlider(-1,1,0.4,0.5)

  sliderElement.input(setGravity)

  sliderElement.position(50,100)

  ay=sliderElement.value()

}

​

function setGravity(){

  ay = this.value()

}

​

function userInput(){

  txts.push({

    x: width/2,

    y: height/2,

    vx:random(-1,1),

    vy:1,

    text: this.value(),

    color:random(colors)

  })

  this.value('')

}

function draw() {

  background(0)

  fill(255)

  textSize(80)

  for(var i=0;i<txts.length;i++){

    let txt = txts[i]

    fill(txt.color)

    text(txt.text,txt.x,txt.y)

    txt.x+=txt.vx

    txt.y+=txt.vy

    txt.vy+=ay

    txt.vx*=0.999

    txt.vy*=0.999

    if (txt.y>height){

      txt.vy=-abs(txt.vy)

    }

  }

}