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;
}
}
This Pen doesn't use any external CSS resources.