Skip to content
Post Process Effects in WebGL
Branch: master
Clone or download
Pull request Compare This branch is even with CIS-566-2018:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
resources
src
.gitignore
INSTRUCTIONS.md
README.md
basic.png
index.html
package-lock.json
package.json
pencil.png
point.png
pointilism.png
sobel.png
tsconfig.json
webpack.config.js

README.md

Deferred Renderer - Salaar Kohari

About

  • Custom post process shaders made with WebGL and TypeScript
  • Created for CIS 566 - Procedural Computer Graphics
  • Salaar Kohari (PennKey: salaar)

Features

  • Blinn-Phong reflection model
  • Implementation of tonemapping function by Jim Hejl and Richard Burgess-Dawson
  • Sobel filter (edge-detection algorithm removes color from non-edges)
  • Pointilism filter sets color to rounded pixel texture and sets size using color
  • Gaussian blurs the image using a Gaussian distribution
  • Anti-aliasing (similar edge-detection but with different parameters and a blur function)
  • Background is a moving 3D FBM noise function based on UV and time
  • Dat.gui allows for toggling of features to test their effects individually

Resources

You can’t perform that action at this time.