Skip to content

nemonemonee/my-webgl-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WebGL Project: Lighting, Shading, and Distortion

Visit the Website

User Guide

Goals

  • Build a Christmas Eve scene with various interesting and intriguing shapes.
  • Build a camera that can freely navigate through the city.
  • Provide a few different options for shading and lighting methods.

Camera Navigation Instructions

  • W/S: Moves the camera forward and backward at a fixed height.
  • A/D: Moves the camera left and right at a fixed height.
  • Arrow Up/Down: Aims the camera up and down without moving it.
  • Arrow Left/Right or Q/E: Aims the camera left and right without moving it.
  • I/O: Moves the camera forward and backward in the gaze direction.

Button Interaction

  • The name of each button explains its functionality.
  • Shading and Lighting Options: Two selection menus where users can choose between Gouraud shading and Phong shading for shading options, and Phong lighting and Blinn-Phong lighting for lighting options.
  • Sphere Material: A selection menu with 12 kinds of materials for users to choose from, which will only change the material of the sphere.
  • Rabbit Control: Two buttons in this section:
    • The first one is the switch for the distortion behavior.
    • The second one is the switch for the rotation.

Light Controls

  • There are two light sources: a lamp and a headlight.
    • Lamp Light: Users can change its location and its ambient, diffuse, and specular colors. Users can also turn each part on and off separately.
    • Head Light: Users can only turn it on or off, controlled by the headlight switch button.

Scene Graph

Scene Graph

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published