3 - OpenProcessing

mySketch
xxxxxxxxxx
 
////DONT NEED TO TOUCH ANYTHING HERE :)
​
var inputElement,sliderElement,buttonElement,colorPickerElement
var radioElement,label
function setup() {
  createCanvas(windowWidth, windowHeight);
  background(100);
  inputElement = createInput("WRITE HOW YOU FEEL")
  inputElement.position(50,50)
  sliderElement = createSlider(10,200,60,0.01)  
  sliderElement.position(50,100)
  buttonElement = createButton("START")
  buttonElement.position(50,150)
  buttonElement.mousePressed(goCrazy)
  colorPickerElement = createColorPicker("#F9FD00")
  colorPickerElement.position(50,200)
  radioElement = createRadio()
  radioElement.position(50,250)
  radioElement.option("rotate")
  
  radioElement.style("background-color","white")
  
  
}
function goCrazy(){
  randomValue+=5
  }
 
  if (randomValue>0){
    randomValue=0
  }else{
    randomValue=10
  
}
var randomValue = 0
function draw() {
  background(0)
  let txt = inputElement.value()
  let sliderValue = sliderElement.value()
  let selectedColor = colorPickerElement.value()
  let mode = radioElement.value()
  if (txt=="tree"){txt="🎄"}
  if (txt=="smile"){txt="😆"}
  if (txt=="Huimin"){txt="🐼🐻‍❄🐯🙀🐻🐺🦊🦝🐗🦁🐷"}
  if (txt=="臭蝦"){txt="😠😡"}
  fill(txt)
  textSize(sliderValue)
  
  let textLength = textWidth(txt)+10
  let lineCount =0
  for(var o=0;o<height;o+=60){
    push()
      lineCount++
      if(lineCount%2==0){
        fill(selectedColor)
        translate(-80,0)
      }else{
        fill("white")
      }
      
      for(var i=0;i<width;i+=textLength){
        push()
          translate(i+random(-randomValue,randomValue),
               o+random(-randomValue,randomValue))
          if(mode=="rotate"){
          rotate(sin(frameCount/20 +o/10))
          }else if(mode=="scale"){
            scale(sin(frameCount/20 +o/10)+1)
          }
          text(txt,0,0)
        pop()
        }
    
    pop()
  }
}