Tilt-Shift Rendering Using a Thin Lens Model

This project implements a tilt-shift camera lens. It is based on Tilt-Shift Rendering Using a Thin Lens Model, a paper written by Andrew Kensler and published in Ray Tracing Gems II. Included are interactive slides created using reveal.js, an interactive 2D demo made using D3.js, and an interactive 3D render using TWGL.

Interactive Slides

Interactive Demo

Original Author Shadertoy Demo

Setup

Some assets will not load in development without using a local test server. The following instructions will set up such a server as well as all of the development tasks needed to make edits to the reveal.js source code.

1. Install Node.js (10.0.0 or later)

2. Clone the reveal.js repository

   $ git clone https://github.com/hakimel/reveal.js.git

3. Move to the reveal.js folder and install dependencies

   $ cd reveal.js && npm install

4. Serve the presentation and monitor source files for changes

   $ npm start

5. Open http://localhost:8000 to view your presentation