Shader Park is an open source web-based platform and community for creating real-time 3D graphics and animations using code. It integrates diverse computer graphics techniques into a unified programming interface designed for fast experimentation and live-coding.
Inspired by tools and communities like P5.js, Processing, Three.js, and Shader Toy, Torin Blankensmith and Peter Whidden developed Shader Park with the intention of making emerging technology in computer graphics accessible and inclusive for artists, designers, and educators.
To get started, please check these tutorials;
This tutorial will cover coordinate space modifiers, noise and reusable custom geometry.
For additional information, github and documentation, follow these links below.
You may also want to check out ways to add ShaderPark code to TouchDesigner via this repo:
Render Shader Park sculptures in TouchDesigner
Working files are available in the dist folder.
- Unzip shader-park-core.zip (Mac users right click on
shader-park-td-macosclick Open to give TD access to run the executable).
- Open up Shader Park TD.toe and have fun.
- Write your Shader Park code in a text DAT and attach it to the Shader_Park_Core component to render (note there are examples and a render network already set up for you to experiment with).
Adding Uniforms / Inputs
If you use any input in your Shader Park code eg:
let size = input();
This project has been tested on MacOS + Windows with no node.js installed
For Windows this only run on Windows 8.1 and above Not yet…