COMP5411 Rendering Project

This repository contains rendering projects for COMP5411, Advanced Computer Graphics. In this project, we are going to implement the following features:

Demonstration Video

Features

• shadowmap: with and without PCF, PCSS technology
• mirror surfaces: reflection of the environment - environment mapping
• Projective texture mapping
• Object interaction within 3D scenario through GPU. Github
• Depth map
• various types of light source: point light, projection light, etc.
• Weather effect, such as cloudy and rainy, through sprites.

Implementation

• Using three.js to implement features.
• Nodejs server

Usage

• npm install
• use gulp dev to start development
• open localhost:5411/src/ in the browser

• Need to restart gulp dev if the server.js file is modified. Find the server and webpack log in the root directory *.log files.

References:

• three.js
• python flask server
• shader school