Skip to main content

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"




Comments

Post a Comment

Popular posts from this blog

Part 1

 The lecture we describe the history of OpenGL, OpenGL ES and WebGL standards Переклад лекції українською
Post a Comment
Read more

Calculation & Graphics Work (Texture mapping with MIP levels)

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 CGW. Texturing with MIP mapping Implement surface texturing with MIP levels for the surface you have started working on. Resources     The project we started to code at the lecture is here  WebGL (branch PA3 ) Requirements Prepare the collection of texture levels with descending resolution having numbers overlaid on top. Alternatively, use images having different color for every image level. Numbers (colors) make MIP level selection mechanism evident. Upload MIP levels one by one to GPU memory. JavaScript prevents loading textures from local disk drive. Either load textures from internet resource or generate texture image on the fly. Find the zoom level where several levels can be easily seen  when preparing  screenshots. ...
Post a Comment
Read more