Help with ofxVec3f& rotate() and pictures

beginners
#1

Hi i have a problem i need to rotate 4 points for each picture my app loads.
I gater the points and set them, and all works nice to the point whee i need to use:
.h

  
  
        float               m_angle;  
        float               m_scale;  
        ofxVec3f	        pts[4];

.c++

  
  
   ofEnableSmoothing();  
   glPushMatrix();  
   glTranslatef(m_w/2 + m_x,m_h/2 + m_y, 0);  
   glRotatef(m_angle++,0,0,1);  
   glTranslatef(-m_w/2 - m_x,-m_h/2 - m_y,0);  
   img.draw(m_x,m_y,m_w,m_h);  
   glPopMatrix();  
   ofDisableSmoothing();  
  
   pts.rotate(m_angle,pts[4]);  
  
   ofLine(pts[0].x,pts[0].y,pts[1].x,pts[1].y);  
   ofLine(pts[1].x,pts[1].y,pts[3].x,pts[3].y);  
   ofLine(pts[3].x,pts[3].y,pts[2].x,pts[2].y);  
   ofLine(pts[2].x,pts[2].y,pts[0].x,pts[0].y);

since i am new to c++ i must miss some thing with the 2 value of the rotate function.

Best regards Anubisbot

#2

Hi

Is there ay reason that you don’t draw the lines at the same time as the image? And let opengl do the rotating?

#3

[quote author=“halfdanj”]Hi

Is there ay reason that you don’t draw the lines at the same time as the image? And let opengl do the rotating?[/quote]

Yes the reason is the lines are only for my visual if it works, i need to keep tarck of the corners since its a multi touch application, and i need to make a function for picking, right now i have it working wit a simple check for a not rotated picture based on x,y,w,h

  
  
if(((x>=m_x-FINGER_RADIUS)&&(x<m_x+m_w+FINGER_RADIUS))&&((y>=m_y-FINGER_RADIUS)&&(y<m_y+m_h+FINGER_RADIUS))) return(true);

but as soon i rotate the picture i need to get the new points of the corners in screen space.

But thats just the first step then, i need to find a function or method to check if a x,y is over the new rotated points, but how do i do than?
is there a math formula for calculating if a point(x,y) is in the bounding s of the rotated picture

#4

one trick to deal with selection is to render everything that is selectable with a single colour into an FBO, where the colour is the index of the object, so for example if the colour was 0x000001 then this would be object id 1. then you just take your mouse position and read the colour under the mouse cursor, this tells you what object your mouse is over.

as far as rotating goes, maybe look at this other thread: http://forum.openframeworks.cc/t/processing-style-quot;rotatequot;/1440/0

#5

i solved that problem. but now i have a new one.

I solved it by using 4points and calculate if xy is in the bounds of a polygon.

Now i need to figure out how to keep track of my finger corodiantes on the picture while moving… right now i just center the picture on the finger, what works good, but for more realistic i would need to find out how t keep my fingers on the spot where i moved it … mhh i will post the source code later so you guys can check it out for better help, since i am bad in explaining :slight_smile:

#6

right now i move the pictures, by telling it rect start position,
but i would like to move them in the matrix, what i draw.

  
  
    glPushMatrix();  
    glTranslatef(m_w/2 + m_x,m_h/2 + m_y, 0);  
    glRotatef(m_angle,0,0,1);  
    glTranslatef(-m_w/2 - m_x,-m_h/2 - m_y,0);  
    //img.draw(m_x,m_y,m_w,m_h);  
    glPopMatrix();
#7

I did this a couple of weeks ago aswell… I had to be able to move, scale and rotate a image on a multitouch table. My aproach to it was i had to function calls. PrimaryFingerDown, and secondaryFingerDown. All other fingers that where pressed after that where ignored. When one of the fingers where pressed i saved a offset (ofxVec2f) between the image and finger, and added that all the time to the calculations. That was the move part. The rotate and scaling part was a bit more tuff. I calculated the angle between the offsets and the current fingers to see how much they where rotated, and used that for rotation (but remember to rotate the offsets correctly aswell), and the scaling was the distance between the offsets compared with the fingers… Hope it helps.

#8

all you need to do is remember where the mouse was last frame. so say your current mouse x is mouse_x, your previous mouse x is stored in prev_mouse_x, then you just go like this:

  
  
// in .h  
int prev_mouse_x;  
int prev_mouse_y;  
  
// in .cpp, mouseDragged() or similar  
my_picture.x += (mouse_x - prev_mouse_x);  
my_picture.y += (mouse_y - prev_mouse_y);  
prev_mouse_x = mouse_x;  
prev_mouse_y = mouse_y;

and the same for y.

#9

Thanx for the tips i have it now working, that was a good start to learn some more about points and c++ :slight_smile: