24. OpenGL Camera Part 3
In this OpenGL tutorial, we are going to look at creating a third person camera. I searched long and hard on the internet for a way to do this using my old calculations or something at least similar, but I had no luck, so here is what I hope you will find to be a simple way around creating this.
First off, we are going to start off with the code from the second camera tutorial. I am going to start this tutorial, by adding only one new variable for our program, this is going to be the distance that the camera will be from our character/target object:
float cRadius = 10.0f;
Next off, I am going to remove the camera() function. For our third person camera to work, we need to work our camera in two different parts, first is the part that centres the character, and the second part is the part that draws the scenery, so one camera function is not sufficient as our camera code goes around our other code.
The first thing we need to do after our glLoadIdentity call, is to translate our camera behind our character/target by our cRadius value like so:
glTranslatef(0.0f, 0.0f, -cRadius);
Running this, you will see a red square in front of the view. Although now we need to add some rotation ^_^ The next line here is going to rotate our view for *both* our character and our scenery, upon creating this tutorial, it is this little bit that kept messing me up, I had seperate glLoadIdentity calls for our character camera, and our scene camera, but I realised I had to combine the two. This is going to rotate the view on the x axis so you can look down and up around the character (including seeing the top and bottom of the character):
glRotatef(xrot,1.0,0.0,0.0);
The next section of code in this tutorial is just to draw our character, we do this like so:
glColor3f(1.0f, 0.0f, 0.0f);
glutSolidCube(2); //Our character to follow
Now we need to rotate the camera on our y axis to look around the world. In this tutorial, the character/target rotates with the view so you will only ever see the back of it unless you look up and over the character:
glRotatef(yrot,0.0,1.0,0.0); //rotate our camera on the y-axis (left and right)
After this, we need to move our scene like in our previous tutorials, only this time, we are removing the ypos value, this will move the scenery as if you were using a first person camera, but because of the previous rotations and translations, our character/target will always be in the centre of the view:
glTranslated(-xpos,0.0f,-zpos); //translate the screen to the position of our camera
Then finally we just draw all our cubes ^_^
glColor3f(1.0f, 1.0f, 1.0f);
cube(); //call the cube drawing function
This camera not only supports basic movement, it also keeps in tact our strafing movements ^_^ I am still yet to add jumping, running and a bobbing effect (using cycloids).
If you have any questions, email me at swiftless@gmail.com
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48. 49. 50. 51. 52. 53. 54. 55. 56. 57. 58. 59. 60. 61. 62. 63. 64. 65. 66. 67. 68. 69. 70. 71. 72. 73. 74. 75. 76. 77. 78. 79. 80. 81. 82. 83. 84. 85. 86. 87. 88. 89. 90. 91. 92. 93. 94. 95. 96. 97. 98. 99. 100. 101. 102. 103. 104. 105. 106. 107. 108. 109. 110. 111. 112. 113. 114. 115. 116. 117. 118. 119. 120. 121. 122. 123. 124. 125. 126. 127. 128. 129. 130. 131. 132. 133. 134. 135. 136. 137. 138. 139. 140. 141. 142. 143. 144. 145. 146. 147. 148. 149. 150. 151. 152. 153. 154. 155. 156. 157. 158. 159. 160. 161. 162. 163. 164. 165. 166. 167. 168. 169. 170. 171. 172. 173. 174. 175. 176. |
#include <GL/gl.h> #include <GL/glut.h> #include <stdlib.h> #include <math.h> //angle of rotation float cRadius = 10.0f; // our radius distance from our character float lastx, lasty; //positions of the cubes void cubepositions (void) { //set the positions of the cubes //draw the cube void init (void) { void enable (void) { void display (void) { glutSwapBuffers(); //swap the buffers void reshape (int w, int h) { void keyboard (unsigned char key, int x, int y) { if (key==‘z’) if (key==‘w’) if (key==‘s’) if (key==‘d’) if (key==‘a’) if (key==27) void mouseMovement(int x, int y) { int main (int argc, char **argv) { glutPassiveMotionFunc(mouseMovement); //check for mouse glutKeyboardFunc (keyboard);
|
with mouse movement in this tutorial, the object also moves? as opposed to the object turning on the spot
Another big thanks for the tutorial. I had a bit of an idea how to do this, but it was nice to not have to derive the equations :).
Ecellent stuff, Got mine working also. I have removed the Yposition updates when walking forward and backward, so when you mouselook up and down, you don’t actually move up or down while walking / strafing.
I’ve also changed the Key Behavior in this one: Key Repeat is off, and moved the code that takes care of walking / strafing in it’s own function, wich i then call in the camera function after checking the bool\s associated with the key pressed ( also means that you need to have the release function to set everything to false again, otherwise it keeps moving )
The mouse motion function does a little trick with warping the mouse back to the center of the screen with glutWarpPointer(CenterX, CenterY) ;. The boolean WarpingMouse is set to false initially, when you move the mouse it is set to true, then glutWarpPointer(); does it’s centering, and when the mouse stops, WarpingMouse will be set to false again. This way the mouse never ever leaves the screen with just moving it. Also removed the jerky pointer with glutSetCursor(GLUT_CURSOR_NONE);
Something nice to start with for an FPS.
This should compile on windows, will not work on mac, and i don’t know about linux.
( is in there for future debug purposes )
#include
#include
#include
#include
float Xposition;
float Yposition;
float Zposition;
float Xrotation;
float Yrotation;
float Zraotaion;
float XRotationRadius;
float YRotationRadius;
float MoveVelocity = 0.25f ;
float MouseVelocity = 0.35f ;
float CubePositionsX[10] ;
float CubePositionsZ[10] ;
bool bForward = false;
bool bReverse = false;
bool bStrafeLeft = false;
bool bStrafeRight = false;
bool WarpingMouse = false;
//yeah wat is dit heh ?
float Pi = 3.141592654f;
void CubePositions(void){
for(int i = 0; i <10; i++){
CubePositionsX[i] = i + 5 ;
CubePositionsZ[i] = i + 5 ;
}
}
void init(void){
CubePositions();
glutSetCursor(GLUT_CURSOR_NONE);
}
void DrawCubes(void) {
for(int i = 0; i < 10; i++){
glPushMatrix();
glTranslated(-CubePositionsX[i + 1] * 10, 0, -CubePositionsZ[i + 1] * 10 );
glutSolidCube(2);
glPopMatrix();
}
}
void Enables(void){
glEnable(GL_DEPTH_TEST);
glEnable(GL_LIGHTING);
glEnable(GL_LIGHT0);
glShadeModel(GL_SMOOTH);
}
void Forward(void) {
YRotationRadius = (Yrotation / 180 * Pi ) ;
XRotationRadius = (Xrotation / 180 * Pi ) ;
Xposition += float(sin(YRotationRadius)) * MoveVelocity ;
Zposition -= float(cos(YRotationRadius)) * MoveVelocity ;
}
void Reverse(void) {
YRotationRadius = (Yrotation / 180 * Pi) ;
XRotationRadius = (Xrotation / 180 * Pi) ;
Xposition -= float(sin(YRotationRadius)) * MoveVelocity ;
Zposition += float(cos(YRotationRadius)) * MoveVelocity;
}
void StrafeRight(void) {
YRotationRadius = (Yrotation / 180 * Pi );
Xposition += float(cos(YRotationRadius)) * MoveVelocity ;
Zposition += float(sin(YRotationRadius)) * MoveVelocity;
}
void StrafeLeft(void) {
YRotationRadius = (Yrotation / 180 * Pi) ;
Xposition -= float(cos(YRotationRadius)) * MoveVelocity;
Zposition -= float(sin(YRotationRadius)) * MoveVelocity;
}
void Camera(void) {
if(bForward)
Forward();
if(bReverse)
Reverse() ;
if(bStrafeLeft)
StrafeLeft();
if(bStrafeRight)
StrafeRight();
glRotatef(Xrotation, 1.0, 0.0, 0.0) ;
glRotatef(Yrotation, 0.0, 1.0, 0.0) ;
glTranslated(-Xposition, -Yposition, -Zposition);
}
void RenderScene(void){
glClearColor(0.0, 0.0, 0.0, 1.0);
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
glLoadIdentity();
Camera();
Enables();
DrawCubes();
glutSwapBuffers();
}
void Reshape(int w, int h){
glViewport(0, 0, (GLsizei)w, (GLsizei)h) ;
glMatrixMode(GL_PROJECTION) ;
glLoadIdentity();
gluPerspective(60, (GLfloat)w / (GLfloat)h, 1.0, 10000.0) ;
glMatrixMode(GL_MODELVIEW);
}
void NormalKeyPress(unsigned char key, int x, int y){
switch(key) {
case 'w':
bForward = true;
break;
case 's':
bReverse = true;
break;
case 'a':
bStrafeLeft = true;
break;
case 'd':
bStrafeRight = true;
break;
case 27:
exit(0);
break;
}
}
void NormalKeyRelease(unsigned char key, int x, int y) {
switch(key) {
case 'w':
bForward = false ;
break;
case 's':
bReverse = false;
break;
case 'a':
bStrafeLeft = false ;
break;
case 'd':
bStrafeRight = false;
break;
}
}
void PassiveMouseMotion(int x, int y){
int CenterX = glutGet(GLUT_WINDOW_WIDTH) / 2 ;
int CenterY = glutGet(GLUT_WINDOW_HEIGHT) / 2 ;
int DiffX = x – CenterX;
int DiffY = y – CenterY;
if(!WarpingMouse) {
WarpingMouse = true;
Xrotation += (float) DiffY * MouseVelocity ;
Yrotation += (float) DiffX * MouseVelocity ;
glutWarpPointer(CenterX, CenterY) ;
} else {
WarpingMouse = false ;
}
}
int main(int argc, char **argv) {
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);
glutInitWindowSize(800, 600) ;
glutInitWindowPosition(100, 100) ;
glutCreateWindow("Blocks!") ;
init();
glutDisplayFunc(RenderScene) ;
glutIdleFunc(RenderScene) ;
glutReshapeFunc(Reshape) ;
glutKeyboardFunc(NormalKeyPress) ;
glutKeyboardUpFunc(NormalKeyRelease) ;
glutPassiveMotionFunc(PassiveMouseMotion);
glutMainLoop();
return 0;
}
Hi. I’m new to this site. I browsed thru your tutorials and it look excited. I’m busy with XCode4 and would like to try all of them out. Don’t know if it is gonna work but if so I will tell you about it. But this really looks like a great site.
i’ve just begun going through them with Xcode 4.0.2 – they work wonderfully.
Have fun!!
-kropcke
There is also another method that i found best for me. I used the gluLookAt() to get a good 3rd person view of an object. for instance (Just a snippet from a bigger game)
void UpdateCamera()
{
float yRadians = Player.yrot / 180 * 3.14159;
gluLookAt( Player.xpos – (sin(yRadians)), -0.4, Player.zpos + (cos(yRadians)),
Player.xpos, Player.ypos, Player.zpos, 0.0, 1.0, 0.0);
}
with the Player struct being global.
Hi Shadeirou,
Thats not a bad suggestion you have made there. When I get around to it, I am hoping to write a 4th camera tutorial on using quaternions instead of Eular angles.
You have probably heard of Gimbal lock, this is when your rotations along the different axis have gone in such a way that you lose one degree of freedom.
Therefore, looking straight up and down using this camera system, while it will mostly work, can fail miserably if you want to create something like a flight simulator.
Just a heads up if you plan to keep using this.
Cheers,
Swiftless
Forgot to put this in my last post: the variable “dist” is the distance you want that camera to move forward.
Hey, nice camera tutorials. Just wanted to make a quick suggestion. I was messing around with making a camera class myself and used the your forward movement formulas, but came across a problem: When you look straight up or down an move forward, you don’t move only up or down, but also forward a bit. I decided to do the math myself and came up with a fix. Here is the code I use:
float d = dist * cos( degreeToRadian( xrot ) );
origin_.x += d * cos( degreeToRadian( yrot + 90 ) );
origin_.y += dist * sin( degreeToRadian( xrot ) );
origin_.z += d * sin( degreeToRadian( yrot + 90 ) );
This causes the x and z distances to be affected by the x-axis rotation, or the roll. Take into account that I am using the following coordinate system:
glOrtho( 0, scene_w, scene_h, 0, 0, scene_l );
Anyway, just thought I’d see if this helped anyone.
Excellent website.
One thing, could you post a source file as copy and pasting of the code doesn’t compile straight away on Linux.
Whilst I know that it is necessary to write it yourself to learn how it all works and know how it works but using it as a temporary snippet so is a little bit of a pain.
REALLY good site though 🙂
Rich
Hi Richard,
Thanks for your feedback.
I used to have source files (and they still exist on the server), but I removed the links when I redid the site recently. I had someone else experience a copy and paste issue, because their IDE support rich text and it copied over the formatting, causing errors.
I am currently in the process of rewriting the tutorials, and it uses a code box, with a copy and paste safe ability, so I don’t see a point in putting the links back up and maintaining those files.
Cheers,
Swiftless
Hi Zero,
That is almost the exact way I check for multiple key presses at a time. I plan to write this into the Keyboard tutorial as I have had it asked before.
Cheers,
Swiftless
I just do this:
static bool keys[256];
void keyup(unsigned char key,int x,int y)
{
keys[key]=false;
}
void keydn(unsigned char key,int x,int y)
{
keys[key]=true;
}
and in main:
glutKeyboardUpFunc(keyup);
glutKeyboardFunc(keydn);
Doh’, its only use glutKeyboardUpFunc();
He he he..
Thank you..
Hi, do you know how to use glutKeyboardFunc and glutSpecialFunc to get two or more keys at same time?
Like press ‘W’ to go front and ‘D’ to go right?
Thank you..
Zero, from Brazil.