Crepuscular_Rays

Table of Contents

• About the Project
  • Built With
• Usage
  • Installation
  • Run the Code
  • Live Demo

About the Project

Implementation of the effects of Crepuscolar Rays based on the technique developed by Kenny Mitchell.

This project features four scenes to represent the volumetric light scattering technique in different scenarios. It is also provided animations of the elements in the scene to demonstrate the efficiency of this technique.

This project is based on the two following papers wich descride the technique applied:

• GPU Gems 3
• Lighr Scattering with OpenGL

Built With

• Javascript
• Three.js: It's a Javascript 3D Library
• Webpack: It's a module bundler, its main purpose is to bundle JavaScript files for usage in a browser

Usage

Installation

To run this project locally you need to follow these steps:

1. Clone this repository with the command

git clone https://github.com/LorenzoGianassi/Crepuscular_Rays.git

2. Run npm install in the root folder of the repository

Run the Code

After the Installation is made run npm start to start the Webserver and see the results on http://localhost:8080.
You can switch the different Scenes and try to menage values with the provided GUI.

Live Demo

A Live Demo, made with Github Pages, is available at this Link.

Models

The 3D Models used in the project are:

• Statue
• Plane
• Abstarct Sphere
• City

Authors

• Lorenzo Gianassi
• Francesco Gigli

Acknowledgments

Computer Graphics and 3D Project © Course held by Professor Stefano Berretti - Computer Engineering Master Degree @University of Florence