Computer Graphics

Some of the most fun projects I created in the Computer Graphics course at the University of Miami. You can drag the objects around and rotate them by clicking on corners with the mouse. Each project also includes various buttons you can experiment with.

final project screenshot
prog 10 screenshot
prog 9 screenshot
prog 8 screenshot
prog 7 screenshot
prog 2 screenshot
prog 1 screenshot

Technology

All projects are built in WebGL, a JavaScript API for rendering 3D graphics directly in the browser using the GPU. WebGL uses two types of shader programs:
  • Vertex shaders: Handle the 3D coordinates of points and transform them into 2D screen coordinates for rendering.
  • Fragment shaders: Handle coloring and texturing for each pixel on the screen.
  • JavaScript: Manages everything else — handling mouse and keyboard input, creating shapes, and sending data to the shaders.