Sign in to follow this  

OpenGL Drawing 2D Volumetric Lines (Without Geometry Shaders)

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

My game was originally written using OpenGL [ES], and thanks to libANGLE, I was able to port my game to Direct3D11 almost effortlessly.  Now I have run into a small problem, there is no equivalent in D3D11 to glLineWidth (not even ANGLE supports this; plus the devs explicitly stated it will not be supported).  So atm, the best I can do would be to draw a volume line using a triangle strip.  The problem is, I'm having trouble wrapping my head around the math required to do it.  As stated above, I'm intentionally not using geometry shaders.  This is because my game has to support 9_3 for Windows Phone and Surface models that don't support anything higher.  And yes, I have been googling this for quite some time now, still haven't quite found what I'm looking for.  Any ideas?  Thanks.



Share this post

Link to post
Share on other sites

one simple solution can be to simply draw several 1pixel lines. if your goal is 2d rendering, then you can exactly specify the start and ending pixel (which is like 2d line drawing by itself with orthogonal direction to your current line).



if your line is defined by x0|y0 - x1|y1, the direction is (x1-x0)|(y1-y0), the orthogonal direction is -(y1-y0)|(x1-x0)

you walk in that direction with a line algorithm e.g.

for the start and for the end point and draw a line.

Share this post

Link to post
Share on other sites


Yay for posting pics. I wrote a small blog post quickly about curves in Curver, a program I'm working on currently. Unfortunately at the time I didn't have enough time to describe it in great detail, but maybe it will provide some insight. Click

Share this post

Link to post
Share on other sites
Here is some old code I wrote using OpenGL. It is ugly, but it works and is fast.
class vertex{
float x,y;

void DrawWideLine(vertex p1, vertex p2, float width,int end_cap,int num_segments)
	float	dx, dy;
	float	dist, w2;
	vertex	v1, v2, v3, v4;

	w2 = width / 2.0f;

	dx = p1.x - p2.x;
	dy = p1.y - p2.y;
	dist = sqrt(dx*dx + dy*dy);
	dx /= dist;
	dy /= dist;

	v1.x = p1.x + w2 * dy;
	v1.y = p1.y - w2 * dx;

	v2.x = p1.x - w2 * dy;
	v2.y = p1.y + w2 * dx;

	v3.x = p2.x + w2 * dy;
	v3.y = p2.y - w2 * dx;

	v4.x = p2.x - w2 * dy;
	v4.y = p2.y + w2 * dx;

	if (end_cap == 0) // No end cap. Do nothing
	}else if (end_cap == 1){ // Square end cap
		v1.x += dx * w2;
		v1.y += dy * w2;

		v2.x += dx * w2;
		v2.y += dy * w2;

		v3.x -= dx * w2;
		v3.y -= dy * w2;

		v4.x -= dx * w2;
		v4.y -= dy * w2;
	}else if (end_cap == 2){ // Round end cap
		float	theta;
		float	tangetial_factor;
		float	radial_factor;
		float	angle;
		float	x, y;
		int	i;

		angle = atan2(p2.y - p1.y,p2.x - p1.x);

		theta = 3.14159265 / float(num_segments - 1);
		tangetial_factor = tanf(theta);
		radial_factor = cosf(theta);

		x = w2 * cosf(angle + 1.5707);
		y = w2 * sinf(angle + 1.5707);

			glColor3f(0.0, 0.0, 1.0); // Blue, 'cause I like blue...
			for (i = 0; i < num_segments; i++)
				vertex	v = { x,y };

				float tx = -y;
				float ty = x;

				x += tx * tangetial_factor;
				y += ty * tangetial_factor;

				x *= radial_factor;
				y *= radial_factor;

				glVertex2f(p1.x, p1.y);
				glVertex2f(p1.x + v.x, p1.y + v.y);
				glVertex2f(p1.x + x, p1.y + y);

				glVertex2f(p2.x, p2.y);
				glVertex2f(p2.x - v.x, p2.y - v.y);
				glVertex2f(p2.x - x, p2.y - y);

		glColor3f(0.0, 0.0, 1.0); // Blue, 'cause I like blue...

		glVertex2f(v1.x, v1.y);
		glVertex2f(v2.x, v2.y);
		glVertex2f(v3.x, v3.y);

		glVertex2f(v2.x, v2.y);
		glVertex2f(v3.x, v3.y);
		glVertex2f(v4.x, v4.y);
Sorry for all of the edits. I've been having fun playing with this. Edited by MarkS

Share this post

Link to post
Share on other sites

This topic is 836 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.

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

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,
      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?
      glBindFramebuffer(GL_READ_FRAMEBUFFER, framebuffer);
                                     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
      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 ( inspirate from another code (here: 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):
      Exe file (if you want to look) and models folder (for those who will download the sources):
      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.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 ...
      EDIT: Depth texture attachment:
  • Popular Now