VU Graphics

Lab 0

Due: Sunday, Mar 15th 2020, 23:55

Start Early!!!

Individual Effort:: No team participation is really encouraged in the case of the homework or the labs.
You're are not allowed to use any libraries or extra code except gl-matrix, webgl-utils.js and some helper functions in order to initialize WebGL / load shaders. Especially Three.js is not allowed! If you're not sure or want to use some library, ask the teaching assistants before.

Objectives:

To understand the Web GL pipeline initialization.

Do the following before you proceed:

Get a copy of the required book
Find it's online repository and study the practical examples.
You have a fridge full of nutritious food.

Goal:

The goal of this lab is to create a simple WebGL application. The focus is on setting up the Web GL pipeline and writing all the boilerplate code so that you can dive into the next lab without having to worry about Web GLs initialization.

Tasks:

Follow this guideline step-by-step. Make sure that you thoroughly test your program after each step so that you can find bugs easier and quicker.

Set up a drawing window and draw a simple box
Set up a basic WebGL program, which initializes the drawing window. Draw a simple triangle.

Hints

Do not write all your code in one big file. Be as modular as you can.
Keep in mind what you will need for assignment 1a which directly follows this one.