This page describes a complete Harfang application in Python displaying a triangle using the RenderSystem.
The complete source for this application can be found in the Tutorials.

Program overview

To display a triangle using the render system we will need to:

  1. Create the renderer and a render system wrapping it,
  2. Display the triangle in a loop until the end of execution condition is met.

Most steps of this program are explained in details in the An application using the renderer page.

Creating the render system

This application uses Renderer and wraps it with RenderSystem.

# create the renderer
renderer = hg.CreateRenderer()

# open a new window
win = hg.NewWindow(480, 240)

# create a new output surface for the newly opened window
surface = renderer.NewOutputSurface(win)

# initialize the render system, which is used to draw through the renderer
render_system = hg.RenderSystem()

The render system is ready to work.

The application render loop

A word on vertex transformation

Since we will be displaying the triangle using the render system we have less control over the shader that is going to be used. The render system core resources include shader to render all the common combination of vertex attributes.

However, unlike the the shader we used in the equivalent renderer program, all render system shaders make use of the renderer ModelViewProjection matrix. So we first need to initialize it.

For the purpose of this program a simple 2D projection system will do. The following call will set a projection matrix that maps vertex coordinate to pixels with (0;0) in the lower-left corner of the viewport with +X going right and +Y going up.


Drawing the triangle

The application loops until the default renderer window is closed and starts by clearing the render target to a solid green color.

while hg.IsWindowOpen(win):

Next, we tell the render system to draw the triangle using the helper function it provides for this task.

    vertices = [hg.Vector3(0, 0, 0), hg.Vector3(0, 240, 0), hg.Vector3(480, 240, 0)]
    render_system.DrawTriangleAuto(1, vertices, color)

Finally, the loop ends by commiting the draw call, showing the draw result and updating the renderer output window.