Making text fall on screen

Programming Questions

andrewime..

in Programming Questions • 6 months ago

Hey guys I need help with some short code. I need to know how to make text fall from top to bottom in a slow manner. It needs to loops so everytime it reaches the bottom it gets repeated. This also has to be produced randomly on the screen so it is not repetitive. Also if possible I need some help making an array for this so it loops and the word or text is falling down again in random spots with more than one word on the screen. If possible I do not want them falling too fast.

Replies(11)

andrewime..

Re: Making text fall on screen

6 months ago

I started with this but I can only do it with circles now how do i do it with text and not as constant as this array. So a little slower.

class Rain {

float r = random(600);

float y = 0;

void fall() {

y = y + 7;

fill(0,10,200,180);

ellipse(r, y, 10, 10);

}

int numDrops = 0;

Rain[] drops = new Rain[400];

void setup() {

size(600, 600);

background(255);

smooth();

noStroke();

drops[0] = new Rain();

}

void draw() {

fill(255, 80);

rect(0, 0, 600, 600);

fill(0);

rect(mouseX,550,30,10);

if (random(10) < 1) {

drops[++numDrops] = new Rain();

}

//Loop through array to use objects.

for (int i = 0; i < numDrops; i++) {

drops[i].fall();

}

v.k.

Re: Making text fall on screen

6 months ago

A very simple example... I would make a little FallingWord class to replicate this for a larger number. The speed can be controlled by the increment used in y axis (frameCount here).

Copy code

String word = "estou";
PFont font;
float xpos;
float ypos;
float speed = 4;
void setup(){
size(400,400);
font = createFont("arial",32);
smooth();
fill(0);
background(255);
xpos = random (width);
}
void draw(){
background(255);
ypos +=speed;
text(word, xpos, ypos);
if (ypos > height ){
xpos = random (width);
speed = random(0.5, 3);
ypos = 0;
println("new xpos = " + xpos + " new speed = " + speed);
}
}

andrewime..

Re: Re: Making text fall on screen

6 months ago

Unfortunately I am really new to this :$ so where exactly would I increase the speed ? and how would I make it loop so it is repeated. Thank you for your help

andrewime..

Re: Making text fall on screen

6 months ago

Unfortunately I am really new to this :$ so where exactly would I increase the speed ? and how would I make it loop so it is repeated. Thank you for your help

v.k.

Re: Making text fall on screen

6 months ago

It is repeating, at least here it is. The modulo '%' operator does it. I edited the code above (in bold) so it is easier to understand. frameCount is an internal variable holding the numbers of frames (one run trough draw()) since the sketch started. Ask more if you need.

andrewime..

Re: Re: Making text fall on screen

6 months ago

okay awesome i get it

andrewime..

Re: Making text fall on screen

6 months ago

Perfect now how would I produce these words without follow the mouse position so it would generate randomly on the screen. What I am trying to do it make a little game to catch words:

void draw(){

background(255);

String word = "estou";

PFont font;

float xpos;

float ypos;

float speed = 3;

void setup(){

size(400,400);

font = createFont("arial",32);

smooth();

fill(0);

background(255);

xpos = random (width);

}

void draw(){

background(255);

ypos +=speed;

text(word, xpos, ypos%height);

if ((ypos%height) == 0)

xpos = random (width);

}

rect(mouseX,350,30,10);

}

v.k.

Re: Making text fall on screen

6 months ago

Hi, I changed the code again removing the modulo. It was failing to test every time for out of screen. Now i reset ypos. Also it gets a random speed each new cycle. The code you pasted is not compiling. There is a lot of examples like this catch game in the forum. You will need to have some collision detection.

andrewime..

Re: Making text fall on screen

6 months ago

okay this awesome !!!! Thank you!! now I got to figure out how to increase the speed at a constant rate until it hits a peak and stays at that speed. So between 1.8 being the lowest speed and as soon as it hits 5 for example it stays like that and records your score until you lose. This is basically for a simple game I have to make for class.

andrewime..

Re: Re: Making text fall on screen

6 months ago

is there anyway to do this?

v.k.

Re: Making text fall on screen

6 months ago

well not really what you asked for (I just saw it), but I made this that you might like to have a look (you need a txt file in the data folder of your sketch, you can use "add file" from sketch menu) . I got to go now, later If you have not figured out I can try to help you. Do some search in the forum meanwhile ...

Copy code

String [] s;
ArrayList <FallingWord> words = new ArrayList<FallingWord>();
PFont font = createFont("arial", 20);
void setup() {
size(1000, 600);
// load text
s = loadStrings("leminsk.txt");
// split in words
for (int i = 0; i < s.length; i++) {
String [] lineWords = splitTokens(s[i]);
for (int j = 0; j < lineWords.length; j++) {
words.add(new FallingWord(lineWords[j]));
}
}
noStroke();
smooth();
}
void draw() {
background(255);
for (FallingWord fw: words) {
fw.update();
fw.draw();
}
}
class FallingWord {
String word;
float xpos, ypos, speed, acc;
color filler;
float fSize;
FallingWord (String _word) {
word = _word;
initWord();
}
void initWord() {
xpos = random (width);
ypos = random(-height/2, -20);
speed = random(0.4, 1);
acc = random(0.01, 0.08);
filler = color(0, random(180, 250));
fSize = random(14, 22);
}
void update() {
speed+=acc;
ypos +=speed;
if (ypos > height ) {
initWord();
}
if (mousePressed)
initWord();
}
void draw() {
textFont(font);
fill(filler);
textSize(fSize);
text(word, xpos, ypos);
}
}//eof FallingWord

Top Reply