nodes-io VS visual-programming-codex

Yeah as another comment said, a 3D designer could make this render in Blender, then send you a video recording or multiple videos rendered to different dimensions that you can conditionally fetch on your site depending on the user's viewport width, but as the creator of this animation said in the IG comments, their project in particular was created with nodes. PixiJS is another great WebGL library, as is Three.js.

Some of the tools listed here look like this one: https://nodes.io

"Window" is a generative piece exploring the different densities formed by both rigorous and pseudo-random patterns through wobbly quadrilaterals. It lives as an NFT on the Tezos blockchain through the fxhash platform: you can mint a Generative Token with every iteration producing a unique piece based on a random hash. Here, the hash seed will determine the palettes, dithering, number of subdivisions and control the patterns. It is build on top of the Canvas API with the visual programming tool I am developing at Variable: Nodes.

Download Nodes.io from https://nodes.io/

There should be a tool that works like this: you can create nodes (like in nodes.io, Blender, many other graphics tools etc.), then add as many inputs and outputs as you want. The outputs work like spreadsheet cells: so you can add a formula from the inputs; you can also have "internal" cells in the node for intermediate calculations. In other words, each node is a tiny spreadsheet. You can save them as templates, group nodes together into bigger templates etc. There's a lot of design/planning in a lot of different domains that would benefit from a tool like this. Why doesn't it exist?

nodes.io says there are 9864 btc nodes

If you want to try it out yourself, try tools like https://nodes.io/ or the classic https://www.shadertoy.com/

- https://nodes.io/ seems to be closest to what you're looking for, and certainly looks the most polished. Their visual scripting / node editor is pretty good, but I don't know how it integrates with / overlaps onto three.js

Nodes.io – A new way to create with code\ (68 comments)

I enjoy making visual programming and procedural generation tools. Video games about programming give me an excuse to use those tools. I am excited to continue working on this game and eventually finish.

Nice! Have you explored showing live values flowing through the nodes? This seems like a good use of animation.

I'll also take a moment to plug my Visual Programming Codex[1], which collects VPLs as though they're butterflies. I'm adding Flyde to the backlog of projects to document, but I'd also suggest looking around there for ideas. There are a ton of valuable new things you can do once you start visualizing programming, especially if you're visualizing the execution behaviour. I'd love to see you push this further.

[1] https://github.com/ivanreese/visual-programming-codex/issues...

After taking a quick look at existing visual scripting tools[0], it seems like the main feature differentiating this from the others is that the nodes are code modules instead of primitives. I think this is where visual programming can really shine, write modules in a text editor and then wire them up in a visual editor. This gives you the high level, conceptual view of the program flow without the excessively verbose visual spaghetti of wiring up individual operations and control flow statements. I think UE4's blueprints can work this way as well, writing a new node in C++ and then wiring it up, but they're not really portable to the wider development ecosystem.

[0] https://github.com/ivanreese/visual-programming-codex/blob/m...