/WebGL

Intro to Computer Graphics Course in UCF

Primary LanguageJavaScriptMIT LicenseMIT

UCF CAP4720 Introduction to Computer Graphics - Fall 2019

Course on Introduction to Computer Graphics using WebGL with Dr. Sumanta Pattanaik in Fall 2019

Contents

Assignments

  • Assignment 1 - Load and render Object using ObjectLoader
  • Assignment 2 - Use dat.GUI to control lighting in the scene
  • Assignment 3 - Use dat.GUI for scaling, rotation and translation of an object in the scene
  • Assignment 4 - GLSL Shader equivalent to THREE.MeshNormalMaterial
  • Assignment 5 - GLSL Shader for Hemisphere Lighting

Screenshots

  1. Normal Shader using GLSL
  2. Hemisphere Shader GLSL

Assignment 4 - Normal Shader Assignment 5 - Semisphere Shader

Options for running the code

For each Assignment or Project, you need all files in the folder to render the scene. Clone the entire repository, or download files one by one, make sure you have all files per Assignment.

The JS code in Assignments and Project uses local files, so run it on a server. Below are the simple ways to run the code (assuming you cloned the repository)

  • Using Visual Studio Code, install Live Server Extension then open the .html file you want to view and run the extension. Atom and other code editors have their own extension for hosting a local sever.

  • Using Chrome Browser, install Web Server for Chrome. Run the extension, pick the folder to be hosted and go to http://127.0.0.1:8887/ by default.

  • Using Python 2, navigate to a wanted folder in command line, then run
    python2 -m SimpleHTTPServer 8000

  • Using Python 3, navigate to a wanted folder in command line, then run
    python3 -m http.server 8000