TD-Shadertoy_Converter

KO | EN

gitlite — search

#python #react #golang #rust #deep-learning #nodejs #windows #awesome #cli #kubernetes #vue #pytorch #mcp #ios

TD-Shadertoy_Converter

(★ 23)

easiest shadertoy converter ever. EVER

TD-Shadertoy_Converter 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Shadertoy Converter

![base](https://raw.githubusercontent.com/GregFinger/TD-Shadertoy_Converter/master/images/base.png)

This converter is for taking shader code (ie. super slick glsl graphics) from [ShaderToy](www.shadertoy.com) and converting it for use in [TouchDesigner](www.derivative.ca) and setting up control to interact with parameters that affect the graphics. The .tox component has 6 inputs. The first input is the shader code DAT. The second input is for an audio CHOP. The remaining four are TOP inputs. These inputs can be 2D textures or cubemaps.

### The .tox component has 3 pages of custom parameters:

1. The first page sets the iChannel[0-3] inputs, which you can choose 2D Texture, Cubemap or Audio. Set these according to what the shadertoy source has as its iChannel inputs. 
![page1](https://raw.githubusercontent.com/GregFinger/TD-Shadertoy_Converter/master/images/page1.png)

2. The second page sets the resolution of the output, has an adjustment for the speed of iTime, turns off/on mouse control (which the mouse interactivity happens within the TD window) and adjusts the gain for the audio inputs.
![page1](https://raw.githubusercontent.com/GregFinger/TD-Shadertoy_Converter/master/images/page2.png)

3. The third page is for the custom uniforms you add to the shader:
   
   a. Add a Text DAT, right-click on it and select "Edit Contents in Textport" and paste the shader code inside the textport.
   ![textport](https://raw.githubusercontent.com/GregFinger/TD-Shadertoy_Converter/master/images/textport.png)
   
   b. Define whatever uniforms you want in the code. The formatting needs to be: `uniform <type> uName;`
   ![define](https://raw.githubusercontent.com/GregFinger/TD-Shadertoy_Converter/master/images/addUniforms1.png)
   
   c. Add the uniforms wherever you want
   ![add uniforms](https://raw.githubusercontent.com/GregFinger/TD-Shadertoy_Converter/master/images/addUniforms2.png)
   
   d. Connect the Text DAT to the first input
   ![connect](https://raw.githubusercontent.com/GregFinger/TD-Shadertoy_Converter/master/images/connectText.png)
   
   e. On the third page of the Shadertoy Converter, click "Set Custom Uniforms"
   ![set uniforms](https://raw.githubusercontent.com/GregFinger/TD-Shadertoy_Converter/master/images/setUniforms.png)
   
   f. Now you can see the uniforms are set and ready to be used
   ![uniforms set](https://raw.githubusercontent.com/GregFinger/TD-Shadertoy_Converter/master/images/uniformsSet.png)
   
   g. To adjust the default value and range, first right click on the Shadertoy Converter and select "Customize Component..."
   ![customize](https://raw.githubusercontent.com/GregFinger/TD-Shadertoy_Converter/master/images/customize.png)
   
   h. Then set the default and range values
   ![range](https://raw.githubusercontent.com/GregFinger/TD-Shadertoy_Converter/master/images/setRange.png)
   
   i. You can close the window and now see that everything is setup
   ![great success](https://raw.githubusercontent.com/GregFinger/TD-Shadertoy_Converter/master/images/setParams.png)
   
The component comes embedded with this shader: https://www.shadertoy.com/view/MtXSD7, audio and a cubemap, so it works right away.

TD-Shadertoy_Converter

TD-Shadertoy_Converter 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

TD-Shadertoy_Converter

TD-Shadertoy_Converter 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README