var xspeed = 0;
var yspeed = 0;
var xpos = 0;
var ypos = 0;
var x1pos = 600;
var y1pos = 0;
var x2pos = 0;
var y2pos = 0;
var x3pos = 0;
var y3pos = 0;
var x4pos = 0;
var y4pos = 0;


function setup() {
//    createCanvas(1150, 800);
    createCanvas(windowWidth, windowHeight);
    background(0);
    message=("infinite");
}

function windowResized() {
  resizeCanvas(windowWidth, windowHeight);
    background(0);
}

function draw() {
  
  strokeWeight(2);
 
 //I 
   push();
  translate(windowWidth/28,0);
  
 fill(random(200), random(255),random(255));
text(message, x2pos, y2pos);
  x2pos = random(0,0.5);
  y2pos += random(1,5);
   pop();
  
  //the
  push();
  xspeed = 1;
  yspeed = 2;
  translate(windowWidth/56,0);
  textSize(60);
  fill(random(255), random(255),random(255));
  text("the", x3pos, y3pos);
  x3pos =  0
  y3pos = y3pos + yspeed
    pop();
  
  
  
  
  //N
  textSize(14);
  stroke(0);
  push();
  translate(windowWidth/8.8,0);
  fill(random(255), random(255),random(255));
text(message, x2pos, y2pos);
  x2pos = random(0,0.5);
  y2pos += random(1,5);
   pop();
  
  translate(windowWidth/8.8,0);
  stroke(0);
   fill(255, random(255),random(255));
text(message, xpos, ypos);
  xpos += random(0,0.8);
  ypos += random(1,4);
  
  
  //|2
   push();
  translate(windowWidth/8.2,0);
  fill(random(255), random(255),random(255));
text(message, x2pos, y2pos);
  x2pos = random(0,0.5);
  y2pos += random(1,5);
   pop();
  
  //F
   push();
  translate(windowWidth/5.3,0);
  fill(random(255), random(255),random(255));
text(message, x2pos, y2pos);
  x2pos = random(0,0.5);
  y2pos += random(1,5);
   pop();
  
  
   push();
   textSize(54);
  translate(windowWidth/5.3,0);
  fill(random(255), random(255),random(255));
  text(message, x3pos, y3pos);
  xspeed = 1;
  yspeed = 0.5;
  x3pos = 0;
  y3pos = y3pos + yspeed;
   pop();
  
  push();
  textSize(54);
  translate(windowWidth/5.3,windowHeight/2.6);
  text(message, x3pos, y3pos);
  pop();
  
  
   push();
  translate(windowWidth/2.9,0);
  fill(random(255), random(255),random(255));
text(message, x2pos, y2pos);
  x2pos = random(0,0.5);
  y2pos += random(1,5);
   pop();
  
//N2
  textSize(14);
  stroke(0);
  push();
  translate(windowWidth/2.5,0);
  fill(random(255), random(255),random(255));
text(message, x2pos, y2pos);
  x2pos = random(0,0.5);
  y2pos += random(1,5);
   pop();
  
  translate(windowWidth/2.5,0);
  stroke(0);
   fill( random(255),random(255),random(200,255));
text(message, xpos, ypos);
  xpos += random(1);
  ypos += random(1,4);
  //  xpos += 0.3;
  // ypos += 1;
  
   push();
   translate(windowWidth/8.2,0);
  stroke(0);
   fill(random(255),random(255),random(255));
text(message, x4pos, y4pos);
 xspeed = 1;
  yspeed = 0.5;
  x4pos = 0;
  y4pos += yspeed
  
 
    pop();
  
   push();
   translate(windowWidth/5.75,0);
  stroke(0);
   fill(random(255),random(255),random(255));
text(message, x4pos, y4pos);
  x4pos = 0;
  y4pos += random(1,4);
  pop();
  
  //T
   push();
   translate(windowWidth/3.8,0);
  stroke(0);
   fill(random(255),random(255),random(255));
text(message, x4pos, y4pos);
  x4pos = 0;
  y4pos += random(1,4);
    pop();
  
  push();
   textSize(54);
  translate(windowWidth/4.8,0);
  fill(random(255), random(255),random(255));
  text(message, x3pos, y3pos);
  xspeed = 1;
  yspeed = 0.5;
  x3pos = 0;
  y3pos = y3pos + yspeed;
   pop();
  
  //E
   push();
   translate(windowWidth/2.9,0);
  stroke(0);
   fill(random(255),random(255),random(255));
text(message, x4pos, y4pos);
  x4pos = 0;
  y4pos += random(1,4);
    pop();
  
  push();
   textSize(44);
  translate(windowWidth/2.9,0);
  fill(random(255), random(255),random(255));
  text(message, x3pos, y3pos);
  xspeed = 1;
  yspeed = 0.5;
  x3pos = 0;
  y3pos = y3pos + yspeed;
   pop();
  
   push();
   textSize(44);
  translate(windowWidth/2.9,windowHeight/2.6);
  fill(random(255), random(255),random(255));
  text(message, x3pos, y3pos);
  xspeed = 1;
  yspeed = 0.5;
  x3pos = 0;
  y3pos = y3pos + yspeed;
   pop();
  
   push();
   textSize(44);
  translate(windowWidth/2.9,windowHeight/1.1);
  fill(random(255), random(255),random(255));
  text(message, x3pos, y3pos);
  xspeed = 1;
  yspeed = 0.5;
  x3pos = 0;
  y3pos = y3pos + yspeed;
   pop();
  
  
    if(y3pos > 80){
    y3pos = -yspeed;
   
 } if(y4pos > height){
    y4pos -= random(1,4);
   
 } 
  if(y4pos > height){
    y4pos = 0;
   
 } if(y2pos > height){
    y2pos = 0;
   
 }  if(ypos > height){
   xpos = 0;
    ypos = 0;
 }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.6/p5.min.js