Loading...
Logo
Processing Forum
Programming Questions
mircoc
mircoc

Problem with displaying rotated text

in Programming Questions  •  3 months ago  
I have created a program (shown below) which displays rotated text in motion. The text is rotated by 45 degrees 
and moves from the top left to the bottom right of the screen.

The problem is that the text, while moving, "vibrates", and this happens with the latest version
of Processing both under OS X and Windows. 

Is this an unavoidable rendering problem, or is there a way to make the text move smoothly?

Thanks for any help.
Copy code
  1. PVector position;
  2. PVector velocity;

  4. void setup() {
  5. size(700, 700);
  6.  background(255);
  7.  smooth();
  8.  position = new PVector(0,0);
  9.  velocity = new PVector(1, 0);
  10. } 

  12. void draw(){
  13.  background(255);
  14.  rotate(radians(45));
  15.  fill(255);
  16.  rect(position.x, position.y, 350, 75);
  17.  fill(0);
  18.  text ("text vibrating: Lorem Ipsum is simply dummy text of the printing and typesetting industry.", position.x+5, position.y+5, 350-100, 75-10);
  19.  if(out()){
  20.    position.x=0;
  21.    background(255, 255, 255);
  22.  }else{
  23.    update();
  24.  }
  25. }

  26. void update(){
  27.  position.add(velocity);
  28. }

  29. boolean out(){
  30.  if(position.x>(sqrt(pow(width,2)+pow(height,2)))/2+350){
  31.    return true;
  32.  }
  33.  return false;
  34. }

Replies(2)

tfguy44
tfguy44

Re: Problem with displaying rotated text

3 months ago
Happens for me too. Might be an unavoidable rendering problem. But there IS hope:

Copy code
  1. PVector position;
  2. PVector velocity;

  4. PImage img;

  6. void setup() {
  7.   size(700, 700);
  8.   background(255);
  9.   fill(255);
  10.   rect(0,0, 350, 75);
  11.   fill(0);
  12.   text ("text vibrating: Lorem Ipsum is simply dummy text of the printing and typesetting industry.", 5, 5, 350-100, 75-10);
  13.   img = get(0,0,351,76);


  16.   background(255);
  17.   smooth();
  18.   position = new PVector(0, 0);
  19.   velocity = new PVector(1, 0);
  20. } 

  22. void draw() {
  23.   background(255);

  25.   rotate(radians(45));
  26.   translate( position.x, position.y );
  27.   image( img, 0, 0 );
  28.   //fill(255);
  29.   //rect(0,0, 350, 75);
  30.   //fill(0);
  31.   //text ("text vibrating: Lorem Ipsum is simply dummy text of the printing and typesetting industry.", 5, 5, 350-100, 75-10);
  32.   if (out()) {
  33.     position.x=0;
  34.     background(255, 255, 255);
  35.   }
  36.   else {
  37.     update();
  38.   }
  39. }

  41. void update() {
  42.   position.add(velocity);
  43. }

  45. boolean out() {
  46.   if (position.x>(sqrt(pow(width, 2)+pow(height, 2)))/2+350) {
  47.     return true;
  48.   }
  49.   return false;
  50. }

mircoc
mircoc

Re: Re: Problem with displaying rotated text

3 months ago

Thanks for your answer. Now the problem is solved.

Top Reply

Statistics

  • 2 Replies
  • 196  Views
  • 0 Followers

Actions

Related Posts