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.

Popular Shadertoy and Node Actions#

Access Shader Assets with the Shadertoy API

Accesses an asset from source. See the documentation

Run Node Code with the Node API

Write custom Node.js code and use any of the 400k+ npm packages available. Refer to the Pipedream Node docs to learn more.

Try it

Get Shader with the Shadertoy API

Returns a specific shader based on an ID. See the documentation

Try it

List Shaders with the Shadertoy API

Returns a list of all shaders. See the documentation

Try it

Search Shaders with the Shadertoy API

Returns an array of shader IDs based on the query string. See the documentation

Try it

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#

Automate checking a ticket system's availability with Node.js and Pipedream

How I used Node.js and Pipedream to automatically scrape a ticket booking site and notify me if availability had changed.