A brief tutorial and addendum to the recent shader graph example created in the previous video, explaining how to use TypeScript's generics and mapped types to provide additional type checking and auto-complete features for a better development experience of user-customizable parts of an existing architecture (shader operators, in this case). The project only serves as illustration, but the technique itself is very helpful in many other use cases.

Relevant links:

• https://makertube.net/w/aTZXyecXhcexvt9G3hNX15 (shader graph development)
• https://thi.ng/shader-ast (TypeScript to GLSL transpiler)
• https://thi.ng/umbrella (Mono repo of all current thi.ng projects)