Depth-of-field

Table of Contents

• Live Demo
• About the Project
  • Built With
• Installation
• Usage
• Authors
• Credits
• Acknowledgments

Live Demo

Live Demo available at https://lorenzoagnolucci.github.io/public/

The loading of the scene may require some time.

About The Project

In this work we implement Depth of Field and Motion Blur as postprocessing effects using Three.js.

More details about the project in the presentation

Built With

• Webpack
• Three.js

Installation

To get a local copy up and running follow these simple steps:

1. Clone the repo

git clone https://github.com/LorenzoAgnolucci/Depth-of-field.git

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

Usage

Just run npm start to start the webserver and navigate to http://localhost:8080

Authors

• Lorenzo Agnolucci
• Federico Nocentini

Credits

3D models used:

• Hintze Hall, NHM London
• Spalding NBA Basketball

Acknowledgments

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