Shader Park Plugin for TouchDesigner & A Rendering Workflow

[@agustinacg2730]

Totally obsessed with SP. Thank you so much and please keep on posting!

[@likeyouknowwhatever2811]

Dude thank you for this! I’m amazed by your work and have been itching to try it out on TD!

[@blankensmithing]

Thanks! I'm excited to see what you create

[@mitchellrcohen]

Thank you!

[@supremebeme]

man this is great, never heard of SP before

[@vp0029]

This is really cool! Dumb question … but is there a way to go from TD to JavaScript?

[@blankensmithing]

Thanks! depends on what you're trying to get from TD to javascript. Are you trying to get the content you're rendering in TD as a camera feed in JavaScript?

[@vp0029]

@@blankensmithing yup exactly - i;ve got a sphere + a pbr texture applied and would like to get that as a camera feed in js

[@blankensmithing]

​@@vp0029 Depends if you're on Mac or PC. At the end of your network in TD place down a Syphon Spout Out TOP. If you're on Mac install Syphon, or on PC install Spout. This will create a camera device on your computer that will be streaming your TD output. In JavaScript, you can load a camera device and you'll be able to get your TD output. Hope this helps

[@vp0029]

@@blankensmithing thanks v much for the guidance! been playing with shaderpark and it's been so much fun!

[@blankensmithing]

​@@vp0029 that's great to hear! glad you've been enjoying it :). Also if you have any questions, or want to share some of your work feel free to reach out on the Discord discord.gg/Z8CDWvVMeR

[@THERMAN_BLACK]

hi there so sorry to ask, but where can i find the shader code paragraph you have shown us to copy into the Text6 thing when we first open the initial toe? thank you

[@blankensmithing]

I was illustrating that with a shader I made a while back. You can do it with anything on shaderpark.com.

[@blankensmithing]

If you are making anything using another person's shader pleas make sure to give them credit

[@blankensmithing]

You can find that specific shader here: shaderpark.netlify.app/sculpture/-N1KOyWXiSLnq6GK0sQS?hideeditor=true&hidepedestal=true

[@gianlucacolia3431]

I hope you will explain how shader park relates to "if" conditions, "for" loops and if you can use the pc keyboard as input✌️😁

[@blankensmithing]

Yeah! If you're interested in how to use Shader Park we have a getting started video that goes over some of the language. We're going to continue to add more to that series as well. m.kzbin.info/www/bejne/h6e1ZaV6iLCqrK8

[@RusticRaver]

cool

[@unveil7762]

I do start to love u 😘

[@blankensmithing]

❤

[@unveil7762]

I do not get why are you using a materia if you just need a pixelshader… you can just output all in a glslTOP and have custom parameter for the shader… like zoom or res. Will make the whole pipe line much cleaner i guess.

[@blankensmithing]

@@unveil7762 it made it a lot easier to take advantage if TD’s lighting system if you want to use it

[@gianlucacolia1898]

Hi it's me again, I'm trying to pass my code on touchdesigner for windows to render an image / video but the "shader_park_core" gives me problems (in particular the "execute_convert_on_file_change" node). I don't know if it could depend on this but I tried to start the executable for windows inside the "shader-park-core" folder but it gives me this problem: "C: \ snapshot \ shader-park-touchdesigner \ node_modules \ shader-park-core \ dist \ shader-park-core.cjs.js: 42165 this.length = code.length; ^ TypeError: Cannot read property 'length' of undefined at new Scanner (C: \ snapshot \ shader-park-touchdesigner \ node_modules \ shader-park-core \ dist \ shader-park-core.cjs.js: 42165: 29) at new Parser (C: \ snapshot \ shader-park-touchdesigner \ node_modules \ shader-park-core \ dist \ shader-park-core.cjs.js: 38875: 25) at Object.parse (C: \ snapshot \ shader-park-touchdesigner \ node_modules \ shader-park-core \ dist \ shader-park-core.cjs.js: 37144: 19) at replaceMathOps (C: \ snapshot \ shader-park-touchdesigner \ node_modules \ shader-park-core \ dist \ shader-park-core.cjs.js: 43901: 22) at sculptToGLSL (C: \ snapshot \ shader-park-touchdesigner \ node_modules \ shader-park-core \ dist \ shader-park-core.cjs.js: 43912: 21) at Object.sculptToTouchDesignerShaderSource (C: \ snapshot \ shader-park-touchdesigner \ node_modules \ shader-park-core \ dist \ shader-park-core.cjs.js: 96277: 13) at Object. (C: \ snapshot \ shader-park-touchdesigner \ convertSPCodeToTD.js) at Module._compile (pkg / prelude / bootstrap.js: 1503: 22) at Object.Module._extensions..js (node: internal / modules / cjs / loader: 1137: 10) at Module.load (node: internal / modules / cjs / loader: 988: 32) " Can you help me somehow?

[@blankensmithing]

the executable is a node.js script that expects your shader park code passed in as a parameter, so the error you pasted looks like it’s cause by having no code provided. do you want to chat on the discord server? i feel like it’d be easier to debug there. discord.gg/Z8CDWvVMeR

[@blankensmithing]

do you get that error when you just try and change the size of the sphere in the default text DAT?

[@gianlucacolia1898]

@@blankensmithing thank you very much, I would really help!! I'll write you immediately on discord...

[@blankensmithing]

For anyone running into this problem, the newest version on Github fixes this. The TouchDesinger project looks for the shader-park-td-win.exe file and on windows when you unzip shader-park-core.zip it creates an additional folder. It's easiest if you just drag the executable to be in the same folder as the Shader Park TD.toe (this is the case for Mac + PC + Linux).