My task (animated text)

ambush762

Hi. At my university I received a task to make interactive animation of the text in processing, using three different letters and any font. I would be glad for possible sketches. there are no ideas

// it's my failure try:/

        PFont font;


        void setup () {
          size (600, 600);
          background (0);
          smooth (10);
          noStroke ();
          font=loadFont ("HelveticaNeue-BlackCond-48.vlw");
          textFont (font);
          strokeWeight(1);
          stroke(250, 100);
        }

        void draw () {
          text("G", pmouseX+30, pmouseY);
          text("M", pmouseX, pmouseY);
          text("F", pmouseX, pmouseY-30);
          fill(random(0, 255));
        }

CharlesDesign

What exactly have you not managed to do?

ambush762

What exactly have you not managed to do?

It's must be more complex and graphically rich.nothing too difficult has to be too.

TfGuy44

So what additional graphical complexity do you want to add?

CharlesDesign

It sounds like you're looking for someone to do your homework. There's nothing wrong asking for help but you should at least have a clear idea of what you want to achieve.

Chrisir

Well, when you need ideas....:

Just display the letters ....

They could be moving slowly (bounce on the wall and from each other or so) or not

As soon as you hover the mouse over one, it displays different behaviour like rotate, grow shrink blink Jump up and down, shiver explode outline pulse wobble wiggle

Remove mouse it stops

kfrajer

Did you code work on your machine?

I have to change loadFont with createFont("Arial",24); and it worked. I would suggest moving your fill call to the beginning of draw as it seems the random fill value is not saved for the next draw iteration. I find the letters are always drawn in white.

As and idea, you could use the P3D mode and use the horizontal position of the mouse to bring the letters closer or further away from the screen using the z direction as depth. You can check the processing reference for alternative function call of text:

https://processing.org/reference/

Key values: text, map

You could use map to translate the horizontal position into a Z - depth - value.

I hope this helps,

Kf