Add an example for p5.Framebuffer

[davepagurek]

Increasing Access

Once support for framebuffers is merged in https://github.com/processing/p5.js/pull/6072, it would be great to show a more artistic example of what it might be used for. Currently, the documentation is rather technical (which makes sense, it's currently primarily a reference), but having at least one creative example will help non-experts see what kinds of effects can be achieved with it and hopefully inspire people to make their own interesting art.

Most appropriate sub-area of p5.js?

Home

Feature request details

Some potential inspiration:

• Some (fairly technical) shaders:
  • Using a framebuffer's depth to make fog/snow
  • Using a framebuffer's depth to add focal blur
  • Using blur, plus an additional framebuffer layer to apply a tint + dithering
  • Using a framebuffer's depth to add ambient occlusion shadows
  • Using multiple framebuffers to efficiently apply multiple boolean operations on images (like blend modes, but faster)
  • Using a texture as data in a GPU particle system
• Some maybe easier to parse examples:
  • A slit scan / rolling shutter effect using 120 framebuffers to efficiently store past frames
  • Reading pixels from one framebuffer in a shader to make a dappled light effect