class-12.md

Class 12

Copypasta meme

📋 Faculty Course Questionnaire (FCQ)

• 15 minutes at the beginning of class for students to complete their online FCQs
• The purpose of the FCQ, how it's used in your course and department, and highlight its importance to you.
• Visit https://colorado.campuslabs.com/eval-home/ using a phone, tablet or computer. They will need to authenticate using their campus user ID.

🛠️ Shaders

• Justin's GLSL overview article
• NVIDIA: Adam and Jamie Paint the Mona Lisa in 80 Milliseconds
• Shaders visual explanation by @DanHollick https://www.mayerowitz.io/blog/a-journey-into-shaders

What can they do?

• Fragment shaders
  • Dynamic texturing & lighting of polygons
  • Postprocessing effects
  • Compositing
  • Generative textures
    • Raymarching!
• Vertex shaders
  • Create & manipulate geometry

How to start

Interactive tutorials

• Book of Shaders (+ Editor)
• Fragment Foundry

Online editors

• Shadertoy
• Shader Park
• ComputeToys

Graham's shader blog posts

• Introduction to Shaders in P5
• Using p5 shaders for post processing

p5js

• Documentation
  • p5js shader reference
  • p5js Introduction to Shaders
  • p5js createFilterShader() (New as of p5js 1.8!)
• p5js examples
• Justin's p5js examples
  • Basic generative starter
  • Basic generative shader
  • Basic post-processing shader effect
  • Feedback effect without a shader
  • Feedback effect with a shader
  • Fancier feedback effect
• Lygia
  • https://editor.p5js.org/patriciogonzalezvivo/sketches/hwBn0i0qw
  • w/p5js

Further topics

Matrices

• Convolution
• Interactive image kernels
• What is a convolution? What is a "Gaussian Kernel"? - Full lesson

More reading

• A Beginner's Guide to Coding Graphics Shaders
• A Journey Into Shaders
• An introduction to Shader Art Coding
• Shader Tutorials By XorDev
• 3D Game Shaders For Beginners

📝 Homework:

• Work on your final project
• I can stay late to talk about your project. Otherwise, stop by office hours if you have questions

📋 Review code

• Present your ML work, or final project progress
• Final project help & planning