• Advertisement
Sign in to follow this  

OpenGL 2D texture modification in OGL

This topic is 4275 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

Hello, I've been looking around but I'm not quite sure. In my next project apart from 3d world I wish to have 2d ortho things displayed as well. I need to modify 2d textures (like rotating, rescaling, adjusting colors etc). I know I can do it with windows API or external library like SDL but I was wondering if OpenGL supports such things. If so are there some tutorials or articles available? Thanks in advance

Share this post


Link to post
Share on other sites
Advertisement
I recall I have found a OGL API to rescale a image to a given size, but was forgotten, Sorry...
The OpenGL Reference Manual (The blue book) version 1.0: OpenGL command specifications:
http://www.rush3d.com/reference/opengl-bluebook-1.0/
I can't find it right now, maybe you can find it.

I don't know there is a OGL API to modify data in texture.
I think you just can do it externally, then send it to make a texture.

Good luck!

Share this post


Link to post
Share on other sites
Quote:
Original post by ursus
I need to modify 2d textures (like rotating, rescaling, adjusting colors etc).


Rotation and scaling can be done by mapping a texture to a quad and then rotating/scaling that.
Colour adjustments could be a bit more tricky dependind on what you want to do, unless you target hardware has fragment shaders, in which case its pretty easy [smile]

Share this post


Link to post
Share on other sites
For "physical" manipulations of the image such as scale, rotation, translation, skew, etc. you can use the texture matrix to manipulate the texture coords. Just pass GL_TEXTURE in when you set the matrix mode to access the texture matrix.

Color manipulation is a little more tricky. Back in OGL 1.2 there was something called the imaging subset which was an optional part of the OGL spec. This included functionality for manipulating colors, but was optional and not widely implemented.

The color matrix extension was part of this subset and allows color manipulation in rgba space. Support for it seems to be common on ATI hardware but is spotty on other hardware. Your best bet is to do this kind of thing in a fragment shader.

Share this post


Link to post
Share on other sites
Quote:
Original post by phantom
Quote:
Original post by ursus
I need to modify 2d textures (like rotating, rescaling, adjusting colors etc).


Rotation and scaling can be done by mapping a texture to a quad and then rotating/scaling that.
Colour adjustments could be a bit more tricky dependind on what you want to do, unless you target hardware has fragment shaders, in which case its pretty easy [smile]

Yes, but if you want to modify data in texture object I think you should recreate it. I don't know OGL can lock texture and modify it's data as in D3D.

Share this post


Link to post
Share on other sites
Thank you all very much for your help. I'm new in OGL and was hoping for some easy walk around the problem.

The idea presented by phantom of mapping a texture to some quad and the modify the quad sounds interesting to me. I'm not quite sure how to implement it in 2D though. Some quick example would be greatly appreciated.

What I wish to achieve is a pointer rotation as in speed meter or altitude instrument in planes etc. Besides, sometimes i can see those blown effects with text strings being rescaled, rotated, having pulsing colors etc. and they are drawn basing on bitmap fonts.

I was wondering if it's possible to do it under OGL at all.

Share this post


Link to post
Share on other sites
Quote:
Original post by ursus
The idea presented by phantom of mapping a texture to some quad and the modify the quad sounds interesting to me. I'm not quite sure how to implement it in 2D though. Some quick example would be greatly appreciated.

I just change the code by was2_0 :
http://www.gamedev.net/community/forums/topic.asp?topic_id=396992
to make it workable.

#include <windows.h>
#include <gl/gl.h>
#include <gl/glu.h>

int w, h;

unsigned long image[16] = {
0xFF0000FF, 0xFFFF00FF, 0xFF00FFFF, 0xFFFFFFFF,
0xFF00FF00, 0xFFFF0000, 0xFF000000, 0xFFFFFF00,
0x770000FF, 0x777700FF, 0x777777FF, 0xFF7777FF,
0xFF7700FF, 0xFF0077FF, 0xFF770000, 0xFF779933,
};
unsigned int texobj[1];

LRESULT CALLBACK WndProc (HWND hWnd, UINT message,
WPARAM wParam, LPARAM lParam);
void EnableOpenGL (HWND hWnd, HDC *hDC, HGLRC *hRC);
void DisableOpenGL (HWND hWnd, HDC hDC, HGLRC hRC);

int WINAPI WinMain (HINSTANCE hInstance,
HINSTANCE hPrevInstance,
LPSTR lpCmdLine,
int iCmdShow)
{
WNDCLASS wc;
HWND hWnd;
HDC hDC;
HGLRC hRC;
MSG msg;
BOOL bQuit = FALSE;

/* register window class */
wc.style = CS_OWNDC | CS_HREDRAW | CS_VREDRAW;
wc.lpfnWndProc = WndProc;
wc.cbClsExtra = 0;
wc.cbWndExtra = 0;
wc.hInstance = hInstance;
wc.hIcon = LoadIcon (NULL, IDI_APPLICATION);
wc.hCursor = LoadCursor (NULL, IDC_ARROW);
wc.hbrBackground = (HBRUSH) GetStockObject (BLACK_BRUSH);
wc.lpszMenuName = NULL;
wc.lpszClassName = "GLSample";
RegisterClass (&wc);

/* create main window */
hWnd = CreateWindow (
"GLSample", "OpenGL Sample",
WS_CAPTION | WS_POPUPWINDOW | WS_VISIBLE | WS_OVERLAPPEDWINDOW,
50, 50, 256, 256,
NULL, NULL, hInstance, NULL);

/* enable OpenGL for the window */
EnableOpenGL (hWnd, &hDC, &hRC);
glEnable(GL_BLEND);
glEnable(GL_TEXTURE_2D);
glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA);
glGenTextures(1, texobj);
glBindTexture(GL_TEXTURE_2D, texobj[0]);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST);
glTexImage2D(GL_TEXTURE_2D, 0, GL_RGBA, 4, 4, 0, GL_RGBA, GL_UNSIGNED_BYTE, image);

glViewport(0, 0, w, h);
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
glOrtho(0, w, h, 0, -1, 1);
glMatrixMode(GL_MODELVIEW);
glLoadIdentity();
/* program main loop */
while (!bQuit)
{
/* check for messages */
if (PeekMessage (&msg, NULL, 0, 0, PM_REMOVE))
{
/* handle or dispatch messages */
if (msg.message == WM_QUIT)
{
bQuit = TRUE;
}
else
{
TranslateMessage (&msg);
DispatchMessage (&msg);
}
}
else
{
/* OpenGL animation code goes here */

glClearColor (0.0f, 0.0f, 0.0f, 0.0f);
glClear (GL_COLOR_BUFFER_BIT);

glBegin (GL_QUADS);
glTexCoord2f(0.0, 0.0);glColor4f(1.0f, 1.0f, 1.0f, 1.0f);glVertex2f(0.0f, 0.0f);
glTexCoord2f(1.0, 0.0);glColor4f(1.0f, 1.0f, 1.0f, 1.0f);glVertex2f(55.5f, 0.0f);
glTexCoord2f(1.0, 1.0);glColor4f(1.0f, 1.0f, 1.0f, 1.0f);glVertex2f(55.5f, 55.5f);
glTexCoord2f(0.0, 1.0);glColor4f(1.0f, 1.0f, 1.0f, 1.0f);glVertex2f(0.0f, 55.5f);
glEnd ();

SwapBuffers (hDC);

Sleep (1);
}
}

/* shutdown OpenGL */
DisableOpenGL (hWnd, hDC, hRC);

/* destroy the window explicitly */
DestroyWindow (hWnd);

return msg.wParam;
}

LRESULT CALLBACK WndProc (HWND hWnd, UINT message,
WPARAM wParam, LPARAM lParam)
{

switch (message)
{
case WM_SIZE:
w = LOWORD(lParam);
h = HIWORD(lParam);
glViewport(0, 0, LOWORD(lParam), HIWORD(lParam));
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
glOrtho(0, LOWORD(lParam), HIWORD(lParam), 0, -1, 1);
glMatrixMode(GL_MODELVIEW);
glLoadIdentity();
return 0;
case WM_CREATE:
return 0;
case WM_CLOSE:
PostQuitMessage (0);
return 0;

case WM_DESTROY:
return 0;

case WM_KEYDOWN:
switch (wParam)
{
case VK_ESCAPE:
PostQuitMessage(0);
return 0;
}
return 0;

default:
return DefWindowProc (hWnd, message, wParam, lParam);
}
}

void EnableOpenGL (HWND hWnd, HDC *hDC, HGLRC *hRC)
{
PIXELFORMATDESCRIPTOR pfd;
int iFormat;

/* get the device context (DC) */
*hDC = GetDC (hWnd);

/* set the pixel format for the DC */
ZeroMemory (&pfd, sizeof (pfd));
pfd.nSize = sizeof (pfd);
pfd.nVersion = 1;
pfd.dwFlags = PFD_DRAW_TO_WINDOW |
PFD_SUPPORT_OPENGL | PFD_DOUBLEBUFFER;
pfd.iPixelType = PFD_TYPE_RGBA;
pfd.cColorBits = 24;
pfd.cDepthBits = 16;
pfd.iLayerType = PFD_MAIN_PLANE;
iFormat = ChoosePixelFormat (*hDC, &pfd);
SetPixelFormat (*hDC, iFormat, &pfd);

/* create and enable the render context (RC) */
*hRC = wglCreateContext( *hDC );
wglMakeCurrent( *hDC, *hRC );

}

void DisableOpenGL (HWND hWnd, HDC hDC, HGLRC hRC)
{
wglMakeCurrent (NULL, NULL);
wglDeleteContext (hRC);
ReleaseDC (hWnd, hDC);
}



Not quick but somewhat comprehensive.

Quote:
Original post by ursus
What I wish to achieve is a pointer rotation as in speed meter or altitude instrument in planes etc. Besides, sometimes i can see those blown effects with text strings being rescaled, rotated, having pulsing colors etc. and they are drawn basing on bitmap fonts.

I was wondering if it's possible to do it under OGL at all.

I think you may want get a book or tutorial.

Please google by "2D using OpenGL" or others. OpenGL Forum FAQ is another please to go.

Good luck!

Share this post


Link to post
Share on other sites
Quote:
Original post by ursus
Thank you all very much for your help. I'm new in OGL and was hoping for some easy walk around the problem.

The idea presented by phantom of mapping a texture to some quad and the modify the quad sounds interesting to me. I'm not quite sure how to implement it in 2D though. Some quick example would be greatly appreciated.

What I wish to achieve is a pointer rotation as in speed meter or altitude instrument in planes etc. Besides, sometimes i can see those blown effects with text strings being rescaled, rotated, having pulsing colors etc. and they are drawn basing on bitmap fonts.

I was wondering if it's possible to do it under OGL at all.


It's very easy to do that under OpenGL. You create a quad, apply a texture to it, then you rotate that quad, scale etc. and in the result, texture also will get scaled, rotated etc.

Rotation is achieved by calling glRotate. Most likely you will have to play with matrices a bit and set other coordinate system.
You create a quad in such a way:

 
glBegin(GL_QUADS);
glVertex2i(10, 10);
glVertex2i(10, 20);
glVertex2i(20, 10);
glVertex2i(20, 20);
glEnd();


To scale, just change those numbers.

You must also call glBindTexture, set texture coordinates etc. And in order to successfully render pictures in 2d, set orthographic projrection (call glOrtho etc.). How to combine it all can be found in any GL tutorial. Also, I recommend to read RedBook.

...

And one more thing. When I'll get your review of "It's horrible! Krzesimir strikes back"?!? ;-)

Share this post


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

  • Advertisement
  • Advertisement
  • Popular Tags

  • Advertisement
  • Popular Now

  • Similar Content

    • By LifeArtist
      Good Evening,
      I want to make a 2D game which involves displaying some debug information. Especially for collision, enemy sights and so on ...
      First of I was thinking about all those shapes which I need will need for debugging purposes: circles, rectangles, lines, polygons.
      I am really stucked right now because of the fundamental question:
      Where do I store my vertices positions for each line (object)? Currently I am not using a model matrix because I am using orthographic projection and set the final position within the VBO. That means that if I add a new line I would have to expand the "points" array and re-upload (recall glBufferData) it every time. The other method would be to use a model matrix and a fixed vbo for a line but it would be also messy to exactly create a line from (0,0) to (100,20) calculating the rotation and scale to make it fit.
      If I proceed with option 1 "updating the array each frame" I was thinking of having 4 draw calls every frame for the lines vao, polygons vao and so on. 
      In addition to that I am planning to use some sort of ECS based architecture. So the other question would be:
      Should I treat those debug objects as entities/components?
      For me it would make sense to treat them as entities but that's creates a new issue with the previous array approach because it would have for example a transform and render component. A special render component for debug objects (no texture etc) ... For me the transform component is also just a matrix but how would I then define a line?
      Treating them as components would'nt be a good idea in my eyes because then I would always need an entity. Well entity is just an id !? So maybe its a component?
      Regards,
      LifeArtist
    • By QQemka
      Hello. I am coding a small thingy in my spare time. All i want to achieve is to load a heightmap (as the lowest possible walking terrain), some static meshes (elements of the environment) and a dynamic character (meaning i can move, collide with heightmap/static meshes and hold a varying item in a hand ). Got a bunch of questions, or rather problems i can't find solution to myself. Nearly all are deal with graphics/gpu, not the coding part. My c++ is on high enough level.
      Let's go:
      Heightmap - i obviously want it to be textured, size is hardcoded to 256x256 squares. I can't have one huge texture stretched over entire terrain cause every pixel would be enormous. Thats why i decided to use 2 specified textures. First will be a tileset consisting of 16 square tiles (u v range from 0 to 0.25 for first tile and so on) and second a 256x256 buffer with 0-15 value representing index of the tile from tileset for every heigtmap square. Problem is, how do i blend the edges nicely and make some computationally cheap changes so its not obvious there are only 16 tiles? Is it possible to generate such terrain with some existing program?
      Collisions - i want to use bounding sphere and aabb. But should i store them for a model or entity instance? Meaning i have 20 same trees spawned using the same tree model, but every entity got its own transformation (position, scale etc). Storing collision component per instance grats faster access + is precalculated and transformed (takes additional memory, but who cares?), so i stick with this, right? What should i do if object is dynamically rotated? The aabb is no longer aligned and calculating per vertex min/max everytime object rotates/scales is pretty expensive, right?
      Drawing aabb - problem similar to above (storing aabb data per instance or model). This time in my opinion per model is enough since every instance also does not have own vertex buffer but uses the shared one (so 20 trees share reference to one tree model). So rendering aabb is about taking the model's aabb, transforming with instance matrix and voila. What about aabb vertex buffer (this is more of a cosmetic question, just curious, bumped onto it in time of writing this). Is it better to make it as 8 points and index buffer (12 lines), or only 2 vertices with min/max x/y/z and having the shaders dynamically generate 6 other vertices and draw the box? Or maybe there should be just ONE 1x1x1 cube box template moved/scaled per entity?
      What if one model got a diffuse texture and a normal map, and other has only diffuse? Should i pass some bool flag to shader with that info, or just assume that my game supports only diffuse maps without fancy stuff?
      There were several more but i forgot/solved them at time of writing
      Thanks in advance
    • By RenanRR
      Hi All,
      I'm reading the tutorials from learnOpengl site (nice site) and I'm having a question on the camera (https://learnopengl.com/Getting-started/Camera).
      I always saw the camera being manipulated with the lookat, but in tutorial I saw the camera being changed through the MVP arrays, which do not seem to be camera, but rather the scene that changes:
      Vertex Shader:
      #version 330 core layout (location = 0) in vec3 aPos; layout (location = 1) in vec2 aTexCoord; out vec2 TexCoord; uniform mat4 model; uniform mat4 view; uniform mat4 projection; void main() { gl_Position = projection * view * model * vec4(aPos, 1.0f); TexCoord = vec2(aTexCoord.x, aTexCoord.y); } then, the matrix manipulated:
      ..... glm::mat4 projection = glm::perspective(glm::radians(fov), (float)SCR_WIDTH / (float)SCR_HEIGHT, 0.1f, 100.0f); ourShader.setMat4("projection", projection); .... glm::mat4 view = glm::lookAt(cameraPos, cameraPos + cameraFront, cameraUp); ourShader.setMat4("view", view); .... model = glm::rotate(model, glm::radians(angle), glm::vec3(1.0f, 0.3f, 0.5f)); ourShader.setMat4("model", model);  
      So, some doubts:
      - Why use it like that?
      - Is it okay to manipulate the camera that way?
      -in this way, are not the vertex's positions that changes instead of the camera?
      - I need to pass MVP to all shaders of object in my scenes ?
       
      What it seems, is that the camera stands still and the scenery that changes...
      it's right?
       
       
      Thank you
       
    • By dpadam450
      Sampling a floating point texture where the alpha channel holds 4-bytes of packed data into the float. I don't know how to cast the raw memory to treat it as an integer so I can perform bit-shifting operations.

      int rgbValue = int(textureSample.w);//4 bytes of data packed as color
      // algorithm might not be correct and endianness might need switching.
      vec3 extractedData = vec3(  rgbValue & 0xFF000000,  (rgbValue << 8) & 0xFF000000, (rgbValue << 16) & 0xFF000000);
      extractedData /= 255.0f;
    • By Devashish Khandelwal
      While writing a simple renderer using OpenGL, I faced an issue with the glGetUniformLocation function. For some reason, the location is coming to be -1.
      Anyone has any idea .. what should I do?
  • Advertisement