Instructions

Option 1

Build a shader effect that uses custom vertex attributes.

• Use three.js and WebGL.
• You can either use a BufferGeometry and populate all the attribute data for it, or you can use a built-in geometry type, and add an additional BufferAttribute to it. Use whatever makes the most sense for your effect.

Option 2

Build a post-processing effect that uses a custom shader pass.

• Use three.js and WebGL.
• You can stack many effects in your EffectComposer but at least one of them has to use a custom shader!
• Use a GUI to control parameters and toggle render passes.

You can combine both options if you’d like!

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 23 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!