4. Terrain Triangle Strips – Swiftless Tutorials - OpenGL, GLSL & WebGL Tutorials for the computer graphics beginner

Jump To:

heightfield.h Source
heightfield.cpp Source

main.cpp Source
Download

Heightfield.H File:

Our heightfield.h file in this tutorial is going to be left untouched. Just move onto our heightfield.cpp file 🙂

1.
2.
3.
4.
5.
6.
7.

8.
9.
10.
11.
12.
13.
14.

#include <windows.h>

class SwiftHeightField {

private:

int hmHeight;

int hmWidth;

public:

bool Create(char *hFileName, const int hWidth, const int hHeight);

void Render(void);



BYTE hHeightField[1024][1024];

};

Heightfield.CPP File:

All the changes in this tutorial, pretty much take place in this file and only really affect our Render function. We are moving from glBegin(GL_POINTS) to glBegin(GL_TRIANGLE_STRIP). This fills in the gaps between our vertices, creating polygons instead of just points where are vertices were. So looking at our code, where we had our GL_POINTS calls, we now have:

// glBegin(GL_TRIANGLE_STRIP);
// glVertex3f(hMapX, hHeightField[hMapX][hMapZ], hMapZ);
// glVertex3f(hMapX, hHeightField[hMapX][hMapZ + 1], hMapZ + 1);
// glVertex3f(hMapX + 1, hHeightField[hMapX + 1][hMapZ], hMapZ);
// glVertex3f(hMapX + 1, hHeightField[hMapX + 1][hMapZ + 1], hMapZ + 1);
// glEnd();

It is simple enough to follow, we set the vertices to our triangle strips from our current vertex in the loop, then the vertices surrounding it creating four corners. This tutorial is built with the impression that basic OpenGL knowledge is already known so I will not explain this code 🙂

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.

#include <stdio.h>
#include <gl\gl.h>

#include “heightfield.h”

bool SwiftHeightField::Create(char *hFileName, const int hWidth,
const int hHeight){

hmHeight = hHeight;

hmWidth = hWidth;



FILE *fp;



fp = fopen(hFileName, “rb”);

fread(hHeightField, 1, hWidth * hHeight, fp);



fclose(fp);

return true;
}

void SwiftHeightField::Render(void){

for (int hMapX = 0; hMapX < hmWidth; hMapX++){

for (int hMapZ = 0; hMapZ < hmHeight; hMapZ++){

glBegin(GL_TRIANGLE_STRIP);

glVertex3f(hMapX, hHeightField[hMapX][hMapZ], hMapZ);

glVertex3f(hMapX, hHeightField[hMapX][hMapZ + 1], hMapZ + 1);

glVertex3f(hMapX + 1, hHeightField[hMapX + 1][hMapZ], hMapZ);

glVertex3f(hMapX + 1, hHeightField[hMapX + 1][hMapZ + 1], hMapZ + 1);

glEnd();

}

}
}

Main.CPP File:

In our Init function, I have just added the line:

// glDepthFunc(GL_LEQUAL);

To make sure our triangle strips display correctly 🙂

Check out the next tutorial on rendering the heightfield with textures here 🙂

If you have any questions, just 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.

#include <GL/glew.h>

#include <GL/gl.h>
#include <GL/glext.h>
#include <GL/GLUT.h>

#include <math.h>

#include <windows.h>
#include <stdio.h>

#include <string.h>
#include <fstream>
#include <assert.h>

#include “heightfield.h”

#pragma comment(lib,“glew32.lib”)

float xpos = 851.078, ypos = 351.594, zpos = 281.033, xrot = 758, yrot = 238,
angle=0.0;

float lastx, lasty;

float bounce;
float cScale = 1.0;

SwiftHeightField hField;

void camera (void) {

int posX = (int)xpos;

int posZ = (int)zpos;



glRotatef(xrot,1.0,0.0,0.0);

glRotatef(yrot,0.0,1.0,0.0);

glTranslated(–xpos,–ypos,–zpos);
}

void display (void) {

glClearColor (0.0,0.0,0.0,1.0);

glClear (GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

glLoadIdentity();

camera();



hField.Render();

glutSwapBuffers();
}

void Init (void) {

glEnable(GL_DEPTH_TEST);

glDepthFunc(GL_LEQUAL);

hField.Create(“heightfield.raw”, 1024, 1024);
}

void mouseMovement(int x, int y) {

int diffx=x–lastx;

int diffy=y–lasty;

lastx=x;

lasty=y;

xrot += (float) diffy;

yrot += (float) diffx;
}

void keyboard (unsigned char key, int x, int y) {

if (key == ‘w’)

{

float xrotrad, yrotrad;

yrotrad = (yrot / 180 * 3.141592654f);

xrotrad = (xrot / 180 * 3.141592654f);

xpos += float(sin(yrotrad)) * cScale;

zpos –= float(cos(yrotrad)) * cScale;

ypos –= float(sin(xrotrad)) ;

bounce += 0.04;

}



if (key == ‘s’)

{

float xrotrad, yrotrad;

yrotrad = (yrot / 180 * 3.141592654f);

xrotrad = (xrot / 180 * 3.141592654f);

xpos –= float(sin(yrotrad)) * cScale;

zpos += float(cos(yrotrad)) * cScale;

ypos += float(sin(xrotrad));

bounce += 0.04;

}



if (key == ‘d’)

{

float yrotrad;

yrotrad = (yrot / 180 * 3.141592654f);

xpos += float(cos(yrotrad)) * cScale;

zpos += float(sin(yrotrad)) * cScale;

}

if (key == ‘a’)

{

float yrotrad;

yrotrad = (yrot / 180 * 3.141592654f);

xpos –= float(cos(yrotrad)) * cScale;

zpos –= float(sin(yrotrad)) * cScale;

}

}

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, 1000.0);

glMatrixMode (GL_MODELVIEW);
}

int main (int argc, char **argv) {

glutInit(&argc, argv);

glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH | GLUT_RGBA);

glutInitWindowSize(500, 500);

glutInitWindowPosition(100, 100);

glutCreateWindow(“A basic OpenGL Window“);

Init();

glutDisplayFunc(display);

glutIdleFunc(display);

glutReshapeFunc(reshape);

glutKeyboardFunc(keyboard);

glutPassiveMotionFunc(mouseMovement);

glutMainLoop ();

return 0;
}

Download:

Download heightfield.h Source Code for this Tutorial

Download heightfield.cpp Source Code for this Tutorial

Download main.cpp Source Code for this Tutorial

Download heightfield.raw for this Tutorial

RB says:

February 18, 2014 at 10:49 pm

I’m curious have you actually tested your code? Did a copy-paste to see if it’s working and a got a real mess there. Do give it a try yourself? The triangle-strip-part is wrong.

Swiftless says:

February 27, 2014 at 9:10 am

Hi RB,

Yes, all code is tested before it goes on the site. Differences in hardware *may* cause issues but I’d need a little more information to see how yours is acting up. All my code is tested on Nvidia and Intel graphics cards and most of the time on both Windows and OSX with the occasional run on Linux. The Terrain tutorial code is old, but because of that, has been tested on all of the above.

Thanks,
Swiftless

Share and Enjoy !

Leave a Reply Cancel reply