Membership plan: Going Deeper | Topics: Visual Arts
Course overview
Explore 3D shader programming through a Javascript interface without the complexity of GLSL. Shader Park is an open source project for creating real-time graphics and procedural animations. Follow along through multiple examples using a P5.js style live code editor. Expand upon the examples and bring them into TouchDesigner to create your own audio reactive music visualizers. Explore the Shader Park community gallery where you can fork other people's creations or feature your own.
What you'll learn
Create raymarched 3D shaders with Shader Park
Intro to TouchDesigner + Shader Park plugin
Overview of audio analysis
Create your own audio reactive music visualizer
Who is this course for?
Artists interested in exploring real-time procedural 3D graphics and animations applied as music visualizations, and Developers with experience programming in javascript, a p5.js style library, or similar language is recommended. Bonus if you know shader programming.
Course content
Part 1 - Intro to Shader Park
Part 2 - Overview of Workshop Demo
Part 3 - Setup Shader Park
Part 4 - Setup Shader Park TouchDesigner Plugin & Your First Sculpture in TD
Part 5 - Getting Started with Shader Park & Theory
Part 6 - Basic Shapes, Space Modifiers, Input, Rotation, Constructive Solid Geometry Operations & Color
Part 7 - Space Modifiers Revisited, Mouse Input, Space Modifiers Revisited Again & Sharing Your Sculpture
Part 8 - getSpace Explained
Part 9 - Intro to Noise
Part 10 - Animating & Displacing with Noise
Part 11 - Coloring with the Normal & Nested Noise
Part 12 - getRayDirection
Part 13 - Prepping for TouchDesigner
Part 14 - Bringing your Sculpture into TouchDesigner & Adding Inputs - Uniforms
Part 17 - Linking Audio Analysis to Your Shader, Postprocessing - Over Feedback & Recording a Video Output
Part 18 - Customizing Lighting, Luma Blur & Using Other Inputs - Uniform
Part 19 - Sharing Content in the Browser
Requirements
A computer and internet connection
A copy of TouchDesigner
A copy of TouchDesigner
Meet your instructor
Torin Blankensmith and Peter Whidden formed a creative-coding organization while at college together. They hosted weekly workshops for students from various disciplines on emerging topics in computer graphics. It was in this group that the first prototype of Shader Park was developed.
Torin is a freelance creative technologist and adjunct professor at the Parsons School of Design in New York City teaching TouchDesigner and Creative Coding. Based out of NEW INC, Torin creates immersive installations, experiences, interfaces, and websites. Torin’s work explores emerging techniques in real-time graphics pulling inspiration from systems and patterns of emergent behavior in nature. This work has translated into creating large scale environments for medical professionals to alleviate stress/burnout, for patients in clinical studies aiding in neuroscience research on brain recovery, and for commercial spaces bringing sanctuary to the urban landscape.
Peter is a creative software engineer whose work spans physics, astronomy, machine learning, and computer graphics. He currently works at the NY Times R&D lab focused on emerging computer vision and graphics techniques. Previously, Pete has worked with CERN to build interactive 3D visualizations used in particle physics. He’s also developed software with the Data Intensive Research in Astrophysics and Cosmology (DIRAC) Institute which enabled the discovery of over 30 new minor planets in the Kuiper belt. Recently his artistic collaborations with Alex Miller of SpaceFiller have been featured in galleries and in a permanent installation in Seattle.
When you login first time using a Social Login button, we collect your account public profile information shared by Social Login provider, based on your privacy settings. We also get your email address to automatically create an account for you in our website. Once your account is created, you'll be logged-in to this account.
DisagreeAgree
I allow to create an account
When you login first time using a Social Login button, we collect your account public profile information shared by Social Login provider, based on your privacy settings. We also get your email address to automatically create an account for you in our website. Once your account is created, you'll be logged-in to this account.