Practical Assignment #1 (Surface Rendering)

Assignment presentation

• Share screenshots presenting your assignment, the video and the link to your GIThub repo through this form.
• The practical assignment has to reside in a branch named PA1.

Prerequisites

• The credit module is based on WebGL interface brought in JS language.
• The suggested IDE for JavaScript is VisualStudio Code.
• Live Server extension for Visual Studio Code

How to start
Use a skeleton WebGL project: Project as a fast way to start (branch PA1).

https://webglfundamentals.org is a comprehensive resource for studying WebGL protocol.

Link to handbook

The book of surfaces (the password is vggi)

Requirements

• Basing on the skeleton project add a new js script file containing Model object.
• Model object has to draw the surface wireframe as two sets of vertices: a set of U polylines and a set of V polylines.
• Figure out your order number in a list of the group you study at in campus system, that is your variant
• Render wire-frame model representing analytical surface using WebGL as per individual variant. Publish surface params as GUI sliders to make them controllable by users.
• Create a screenshot showing the result
• Create a 2 minute video where you describe the data structure you used to hold vertices for U and V curves.

Supplementary material

• The document describing the difference between OpenGL and OpenGL ES implementations: Document
• The document describing details of the modules operation in JavaScript: Document

Variants

TP-z51mp

• Chagovets O. Surface of Revolution with Damping Circular waves
• Kandaurov S. Surface of Revolution "Wellenkugel"