Here, on my website, I want to do two things with some of my Resonite creations:

1. Show them, to maybe inspire whoever is reading to create
2. Share how they are made/work, because I believe it can be useful to others

Some of these creations only require slots and components, so showing a hierarchy of slots and linking to the component's wiki page will probably be enough (most of the times at least). Others involve using ProtoFlux, which technically is just a bunch components, but the way they work makes it so that the best way to understand what they are doing is to show them as they are in-game.

The fastest way of doing so would be to just take a picture with either the quick capture gesture or the in-game camera. Somebody more pragmatic than me would take that route and be done with it, but that approach doesn't sit well with me, I want something more precise.

Fortunately we have the Camera component, which we can use to take pictures of ProtoFlux nodes neatly arranged on a Redprint. By using a VirtualParent to position the camera (together with the Compute Bounding Box and Bounding Box Properties nodes to do the centering), we can get a good start:

The environment in which the nodes are (while the picture is taken) is not really important, so we can use the camera's SelectiveRender slot list to only render the ProtoFlux nodes:

An further improvement can be made by switching the camera from perspective to orthographic projection, removing the distortion at the edges of the pictures (which is more noticeable on bigger circuits):

Another bonus of using the orthographic projection is that it also makes it easier to exactly capture the surface occupied by the nodes, cutting out the surrounding empty space.

Unfortunately, having the camera's orientation be perfectly perpendicular to the nodes, causes some z-fighting. This can be seen clearly by the missing output on the Host User node on the top left of the circuit and by the missing title background on some of the other nodes. To partially address this (the artifacts still show up, but less frequently), a small rotation (1°) is applied to the camera's X axis, making it point downwards very slightly:

With all that done, I can say I'm pretty satisfied with the results so far. Once I have an acceptable UI to go with it, I intend to add this tool to my public folder, that way you can use it too.