Sign in to follow this  

OpenGL OpenGL in 2D

This topic is 3385 days old which is more than the 365 day threshold we allow for new replies. Please post a new topic.

If you intended to correct an error in the post then please contact us.

Recommended Posts

I am trying to write a 2D opengl program But when i draw a triangle and then i want to use a bigger square to cover it. It doesn't work. The triangle displays in front of the square. Who can the program display the 2d objects(which have the same z-coordinate) according to the sequence of drawing in 2D? Thx

Share this post


Link to post
Share on other sites
The problem you are describing has to do with the current depth buffer settings.

Right now you might have code that sets up the depth buffer like
glEnable(GL_DEPTH_TEST);
glDepthFunc(GL_LESS);
glClearDepth(1.f);

If you perform depth testing, your drawing order won't matter since the objects are sorted by the depth. Instead, you should not enable depth testing so the objects are drawn in the order they are coded. Here is a complete example using SFML with OpenGL.



////////////////////////////////////////////////////////////
// Headers
////////////////////////////////////////////////////////////
#include <SFML/Graphics.hpp>
#include <iostream>

#pragma comment(lib, "sfml-graphics-s-d.lib")
#pragma comment(lib, "sfml-window-s-d.lib")
#pragma comment(lib, "sfml-system-s-d.lib")
#pragma comment(lib, "glu32.lib")

// http://www.gamedev.net/community/forums/topic.asp?topic_id=104791
void glEnable2D()
{
int vPort[4];
glGetIntegerv(GL_VIEWPORT, vPort);
glMatrixMode(GL_PROJECTION);
glPushMatrix();
glLoadIdentity();
glOrtho(0, vPort[2], 0, vPort[3], -1, 1);
glMatrixMode(GL_MODELVIEW);
glPushMatrix();
glLoadIdentity();
}

// http://www.gamedev.net/community/forums/topic.asp?topic_id=104791
void glDisable2D()
{
glMatrixMode(GL_PROJECTION);
glPopMatrix();
glMatrixMode(GL_MODELVIEW);
glPopMatrix();
}

////////////////////////////////////////////////////////////
/// Entry point of application
///
/// \return Application exit code
///
////////////////////////////////////////////////////////////
int main()
{
// Create main window
sf::RenderWindow App(sf::VideoMode(800, 600), "SFML OpenGL");
App.PreserveOpenGLStates(true);

// Enable Z-buffer read and write
//glEnable(GL_DEPTH_TEST);
//glDepthFunc(GL_LESS);
//glClearDepth(1.f);

// Start game loop
while (App.IsOpened())
{
// Process events
sf::Event Event;
while (App.GetEvent(Event))
{
// Close window : exit
if (Event.Type == sf::Event::Closed)
App.Close();

// Escape key : exit
if ((Event.Type == sf::Event::KeyPressed) && (Event.Key.Code == sf::Key::Escape))
App.Close();

// Adjust the viewport when the window is resized
if (Event.Type == sf::Event::Resized)
glViewport(0, 0, Event.Size.Width, Event.Size.Height);
}

glClear(GL_COLOR_BUFFER_BIT| GL_DEPTH_BUFFER_BIT);
glLoadIdentity();

glEnable2D();
// The red triangle is drawn first at an offset so we can see
// the green rectangle draws on top of it
glTranslated(0, 75, 0);
glBegin(GL_TRIANGLES);
glColor3ub(255, 0, 0); glVertex2d(0, 0);
glColor3ub(255, 0, 0); glVertex2d(100, 0);
glColor3ub(255, 0, 0); glVertex2d(50, 50);
glEnd();
glTranslated(0, -75, 0);

// The green rectangle will cover the red triangle
glBegin(GL_QUADS);
glColor3ub(0, 255, 0); glVertex2d(0, 0);
glColor3ub(0, 255, 0); glVertex2d(100, 0);
glColor3ub(0, 255, 0); glVertex2d(100, 100);
glColor3ub(0, 255, 0); glVertex2d(0, 100);
glEnd();

// We should see this one on top of the green rectangle
glTranslated(50, 0, 0);
glBegin(GL_TRIANGLES);
glColor3ub(0, 0, 255); glVertex2d(0, 0);
glColor3ub(0, 0, 255); glVertex2d(100, 0);
glColor3ub(0, 0, 255); glVertex2d(50, 50);
glEnd();
glDisable2D();

// Finally, display the rendered frame on screen
App.Display();
}

return EXIT_SUCCESS;
}



Here's the program's output as well as a second output when taking out the green rectangle.

Image Hosted by ImageShack.us

Share this post


Link to post
Share on other sites
Quote:
Original post by Drew_Benton
The problem you are describing has to do with the current depth buffer settings.

Right now you might have code that sets up the depth buffer like
glEnable(GL_DEPTH_TEST);
glDepthFunc(GL_LESS);
glClearDepth(1.f);

If you perform depth testing, your drawing order won't matter since the objects are sorted by the depth. Instead, you should not enable depth testing so the objects are drawn in the order they are coded. Here is a complete example using SFML with OpenGL.

*** Source Snippet Removed ***

Here's the program's output as well as a second output when taking out the green rectangle.

Image Hosted by ImageShack.us


thx~it works

But Can i work with object picking(glRenderMode(GL_SELECT);) when depth test turn off?

Share this post


Link to post
Share on other sites
Quote:
Original post by gohkgohk
But Can i work with object picking(glRenderMode(GL_SELECT);) when depth test turn off?


Ah, an unfortunate side affect for my simple solution [lol]

Here's the problem I see with that technique. If two objects have the same depth, which one is the closer one? The result should be undefined, because which one draws last is irrelevant to OpenGL since depth is sorted by the Z value. (OpenGL gurus correct me if I am mistaken).

When you have your picking logic, which I would assume looks like this or this, you could depth test only for the picking mode, but you are left with the problem you first saw visually, the triangle is on top of the square. When you went to click on the square, there's a good chance you are actually picking the triangle because that was the object that had the closest depth, so to speak.

Instead, I think you should be implementing a custom solution that you track the positions of your objects as well as an incrementing draw index. This way, when the user clicks on the screen, you take the mouse click coords, let's say 100, 100, then find if that point is on the inside of any of your objects. If it is, you track the object with the largest draw index, which would represent the object "on top" and that's the object you process.

Alternatively, you can do this, keep depth testing, but set the Z index with the "draw index" so you can "properly" use OpenGL. I.e.

glTranslated(0, 0, .1)
... Obj 1
glTranslated(0, 0, .2)
... Obj 2
glTranslated(0, 0, .3)
... Obj 3
etc...

Those are my two best ideas currently, maybe someone else has an idea [smile]

Share this post


Link to post
Share on other sites
Quote:
Original post by Drew_Benton
Quote:
Original post by gohkgohk
But Can i work with object picking(glRenderMode(GL_SELECT);) when depth test turn off?


Ah, an unfortunate side affect for my simple solution [lol]

Here's the problem I see with that technique. If two objects have the same depth, which one is the closer one? The result should be undefined, because which one draws last is irrelevant to OpenGL since depth is sorted by the Z value. (OpenGL gurus correct me if I am mistaken).

The depth buffer is irrelevant to picking. The built in picking method is completely geometry based, and hits are recorded based on whether the objects intersects the clip volume or not. Therefore, hits are recorded before rasterization, and before the depth buffer has anything to say.

Relative depth order is also irrelevant for picking if it's inside the clip volume. Along with what objects that actually made a hit record, you also find the maximum and minimum depth values for that hit record. So if you have two objects at exactly the same depth, you will just have two hit record with exactly the same depth.

The hit record is also recorded in order of drawing, so if you need closest hit, or something else, it's up to you to use the depth information in the hit record to select the desired hit.

So to conclude, since picking occurs even before rasterization, depth and depth buffer settings have absolutely no influence on picking.

Share this post


Link to post
Share on other sites
Quote:
Original post by Brother Bob
Quote:
Original post by Drew_Benton
Quote:
Original post by gohkgohk
But Can i work with object picking(glRenderMode(GL_SELECT);) when depth test turn off?


Ah, an unfortunate side affect for my simple solution [lol]

Here's the problem I see with that technique. If two objects have the same depth, which one is the closer one? The result should be undefined, because which one draws last is irrelevant to OpenGL since depth is sorted by the Z value. (OpenGL gurus correct me if I am mistaken).

The depth buffer is irrelevant to picking. The built in picking method is completely geometry based, and hits are recorded based on whether the objects intersects the clip volume or not. Therefore, hits are recorded before rasterization, and before the depth buffer has anything to say.

Relative depth order is also irrelevant for picking if it's inside the clip volume. Along with what objects that actually made a hit record, you also find the maximum and minimum depth values for that hit record. So if you have two objects at exactly the same depth, you will just have two hit record with exactly the same depth.

The hit record is also recorded in order of drawing, so if you need closest hit, or something else, it's up to you to use the depth information in the hit record to select the desired hit.

So to conclude, since picking occurs even before rasterization, depth and depth buffer settings have absolutely no influence on picking.


Yes! Thx!
Now no need to sort the buffer too, because all have the same z.
that means the last one in the buffer is the latest one which i draw.

Share this post


Link to post
Share on other sites
Sign in to follow this  

  • Similar Content

    • By xhcao
      Does sync be needed to read texture content after access texture image in compute shader?
      My simple code is as below,
      glUseProgram(program.get());
      glBindImageTexture(0, texture[0], 0, GL_FALSE, 3, GL_READ_ONLY, GL_R32UI);
      glBindImageTexture(1, texture[1], 0, GL_FALSE, 4, GL_WRITE_ONLY, GL_R32UI);
      glDispatchCompute(1, 1, 1);
      // Does sync be needed here?
      glUseProgram(0);
      glBindFramebuffer(GL_READ_FRAMEBUFFER, framebuffer);
      glFramebufferTexture2D(GL_READ_FRAMEBUFFER, GL_COLOR_ATTACHMENT0,
                                     GL_TEXTURE_CUBE_MAP_POSITIVE_X + face, texture[1], 0);
      glReadPixels(0, 0, kWidth, kHeight, GL_RED_INTEGER, GL_UNSIGNED_INT, outputValues);
       
      Compute shader is very simple, imageLoad content from texture[0], and imageStore content to texture[1]. Does need to sync after dispatchCompute?
    • By Jonathan2006
      My question: is it possible to transform multiple angular velocities so that they can be reinserted as one? My research is below:
      // This works quat quaternion1 = GEQuaternionFromAngleRadians(angleRadiansVector1); quat quaternion2 = GEMultiplyQuaternions(quaternion1, GEQuaternionFromAngleRadians(angleRadiansVector2)); quat quaternion3 = GEMultiplyQuaternions(quaternion2, GEQuaternionFromAngleRadians(angleRadiansVector3)); glMultMatrixf(GEMat4FromQuaternion(quaternion3).array); // The first two work fine but not the third. Why? quat quaternion1 = GEQuaternionFromAngleRadians(angleRadiansVector1); vec3 vector1 = GETransformQuaternionAndVector(quaternion1, angularVelocity1); quat quaternion2 = GEQuaternionFromAngleRadians(angleRadiansVector2); vec3 vector2 = GETransformQuaternionAndVector(quaternion2, angularVelocity2); // This doesn't work //quat quaternion3 = GEQuaternionFromAngleRadians(angleRadiansVector3); //vec3 vector3 = GETransformQuaternionAndVector(quaternion3, angularVelocity3); vec3 angleVelocity = GEAddVectors(vector1, vector2); // Does not work: vec3 angleVelocity = GEAddVectors(vector1, GEAddVectors(vector2, vector3)); static vec3 angleRadiansVector; vec3 angularAcceleration = GESetVector(0.0, 0.0, 0.0); // Sending it through one angular velocity later in my motion engine angleVelocity = GEAddVectors(angleVelocity, GEMultiplyVectorAndScalar(angularAcceleration, timeStep)); angleRadiansVector = GEAddVectors(angleRadiansVector, GEMultiplyVectorAndScalar(angleVelocity, timeStep)); glMultMatrixf(GEMat4FromEulerAngle(angleRadiansVector).array); Also how do I combine multiple angularAcceleration variables? Is there an easier way to transform the angular values?
    • By dpadam450
      I have this code below in both my vertex and fragment shader, however when I request glGetUniformLocation("Lights[0].diffuse") or "Lights[0].attenuation", it returns -1. It will only give me a valid uniform location if I actually use the diffuse/attenuation variables in the VERTEX shader. Because I use position in the vertex shader, it always returns a valid uniform location. I've read that I can share uniforms across both vertex and fragment, but I'm confused what this is even compiling to if this is the case.
       
      #define NUM_LIGHTS 2
      struct Light
      {
          vec3 position;
          vec3 diffuse;
          float attenuation;
      };
      uniform Light Lights[NUM_LIGHTS];
       
       
    • By pr033r
      Hello,
      I have a Bachelor project on topic "Implenet 3D Boid's algorithm in OpenGL". All OpenGL issues works fine for me, all rendering etc. But when I started implement the boid's algorithm it was getting worse and worse. I read article (http://natureofcode.com/book/chapter-6-autonomous-agents/) inspirate from another code (here: https://github.com/jyanar/Boids/tree/master/src) but it still doesn't work like in tutorials and videos. For example the main problem: when I apply Cohesion (one of three main laws of boids) it makes some "cycling knot". Second, when some flock touch to another it scary change the coordination or respawn in origin (x: 0, y:0. z:0). Just some streng things. 
      I followed many tutorials, change a try everything but it isn't so smooth, without lags like in another videos. I really need your help. 
      My code (optimalizing branch): https://github.com/pr033r/BachelorProject/tree/Optimalizing
      Exe file (if you want to look) and models folder (for those who will download the sources):
      http://leteckaposta.cz/367190436
      Thanks for any help...

    • By Andrija
      I am currently trying to implement shadow mapping into my project , but although i can render my depth map to the screen and it looks okay , when i sample it with shadowCoords there is no shadow.
      Here is my light space matrix calculation
      mat4x4 lightViewMatrix; vec3 sun_pos = {SUN_OFFSET * the_sun->direction[0], SUN_OFFSET * the_sun->direction[1], SUN_OFFSET * the_sun->direction[2]}; mat4x4_look_at(lightViewMatrix,sun_pos,player->pos,up); mat4x4_mul(lightSpaceMatrix,lightProjMatrix,lightViewMatrix); I will tweak the values for the size and frustum of the shadow map, but for now i just want to draw shadows around the player position
      the_sun->direction is a normalized vector so i multiply it by a constant to get the position.
      player->pos is the camera position in world space
      the light projection matrix is calculated like this:
      mat4x4_ortho(lightProjMatrix,-SHADOW_FAR,SHADOW_FAR,-SHADOW_FAR,SHADOW_FAR,NEAR,SHADOW_FAR); Shadow vertex shader:
      uniform mat4 light_space_matrix; void main() { gl_Position = light_space_matrix * transfMatrix * vec4(position, 1.0f); } Shadow fragment shader:
      out float fragDepth; void main() { fragDepth = gl_FragCoord.z; } I am using deferred rendering so i have all my world positions in the g_positions buffer
      My shadow calculation in the deferred fragment shader:
      float get_shadow_fac(vec4 light_space_pos) { vec3 shadow_coords = light_space_pos.xyz / light_space_pos.w; shadow_coords = shadow_coords * 0.5 + 0.5; float closest_depth = texture(shadow_map, shadow_coords.xy).r; float current_depth = shadow_coords.z; float shadow_fac = 1.0; if(closest_depth < current_depth) shadow_fac = 0.5; return shadow_fac; } I call the function like this:
      get_shadow_fac(light_space_matrix * vec4(position,1.0)); Where position is the value i got from sampling the g_position buffer
      Here is my depth texture (i know it will produce low quality shadows but i just want to get it working for now):
      sorry because of the compression , the black smudges are trees ... https://i.stack.imgur.com/T43aK.jpg
      EDIT: Depth texture attachment:
      glTexImage2D(GL_TEXTURE_2D, 0,GL_DEPTH_COMPONENT24,fbo->width,fbo->height,0,GL_DEPTH_COMPONENT,GL_FLOAT,NULL); glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR); glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR); glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_CLAMP_TO_EDGE); glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_CLAMP_TO_EDGE); glFramebufferTexture2D(GL_FRAMEBUFFER, GL_DEPTH_ATTACHMENT, GL_TEXTURE_2D, fbo->depthTexture, 0);
  • Popular Now