Assignment 4

Instructions

Create a looping animation using vertex displacement.

  • Use three.js and WebGL.
  • Your effect must be coded in the vertex unit of your shader.
  • Your effect should be animated, either using a value that changes every frame (like the elapsed time), or using user input, or both.
  • Add customizable parameters using lil-gui.

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, April 16 2024 6:00pm. Some of the students will demo their project in class.

  • Host your project online and make sure it is accessible and working.
  • You can use 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!