Shadertoy
Build and Share your best shaders with the world and get Inspired!
Integrate the Shadertoy API with the Node API
Setup the Shadertoy API trigger to run a workflow which integrates with the Node API. Pipedream's integration platform allows you to integrate Shadertoy and Node remarkably fast. Free for developers.
Trusted by 1,000,000+ developers from startups to Fortune 500 companies
Popular Shadertoy and Node Actions#
Write custom Node.js code and use any of the 400k+ npm packages available. Refer to the Pipedream Node docs to learn more.
Returns an array of shader IDs based on the query string. See the documentation
Overview of Shadertoy#
The Shadertoy API opens a window to a universe of visual creations by providing programmatic access to a wealth of shaders created by the Shadertoy community. These shaders are snippets of GLSL code that produce stunning graphics and visual effects. In Pipedream, you can leverage this API to trigger workflows that interact with these shaders, such as retrieving shader information, displaying shader visuals, or even monitoring the latest creations. By combining Shadertoy API with Pipedream's capability to connect to numerous other services, your creative and technical projects can flourish with dynamic, visually rich content.
Connect Shadertoy#
import { axios } from "@pipedream/platform"
export default defineComponent({
props: {
shadertoy: {
type: "app",
app: "shadertoy",
}
},
async run({steps, $}) {
return await axios($, {
url: ` https://www.shadertoy.com/api/v1/shaders/query/test`,
params: {
key: `${this.shadertoy.$auth.app_key}`,
},
})
},
})
Overview of Node#
Develop, run and deploy your Node.js code in Pipedream workflows, using it between no-code steps, with connected accounts, or integrate Data Stores and File Stores.
This includes installing NPM packages, within your code without having to manage a package.json file or running npm install.
Below is an example of installing the axios package in a Pipedream Node.js code step. Pipedream imports the axios package, performs the API request, and shares the response with subsequent workflow steps:
Connect Node#
// To use previous step data, pass the `steps` object to the run() function
export default defineComponent({
async run({ steps, $ }) {
// Return data to use it in future steps
return steps.trigger.event
},
})Community Posts#
Trusted by 1,000,000+ developers from startups to Fortune 500 companies