Assignment 6

Instructions

Build a shader effect that uses GPU computing.

  • Use three.js or p5.js and WebGL.
  • Your project should write to at least one texture in an offscreen buffer (WebGLRenderTarget or p5.Graphics). The texture should be used as input in your final “on screen” render.
  • Your project should not set any vertex attributes in the CPU loop function.
  • You can build upon the particle system we built in class, remix one of your previous assignments, or do something completely different.

If you have an idea but are not sure how to do it, ask on Discord and we can break it down and figure it out together.

Delivery

Due at the start of next class, Apr 30 2024 6:00pm.

  • Host your project online and make sure it is accessible and working.
  • You can use p5.js Web Editor, CodeSandbox or any other online platform of your choice.
  • Make sure your code is well-formatted and well-commented.
  • Post the link to your work in the Discord channel #assignments-24.

Thank you!