rednode | Pure Ruby implementation of Node.js ' native libraries

I'm trying to expand the Connected Objects demo by allowing two nodes (shapes of Circle class) to be double referenced (A connects to B with Arrow1 and B connects to A with Arrow2). I work with react-konva package.

I have implemented a demo on Code Sandbox with some basic functionality.

On line 5, 6 you'll find the Nodes info, on line 21 there exists a high-order component that creates the Arrow based on the start Node and end Node position.

In the default example, the arrows are working as expected. If you try to set the value of redNode.x to 300 the arrows overlap. The same happens when blueNode.x is equal to -100. This has something to do with the way I calculate the arrows (I suspect the equations on line 38).

Also note that as redNode.x moves to value 300, the two arrows approach each other (this happens on other values too), which is something I do not want to happen. I expect the arrows to have the same shape when the two nodes change position and not to overlap or approach each other. Unfortunately, my lack of mathematics does not help me solve the problem. I also tried to create a custom shape using quadraticCurveTo method without success.

Thanks in advance for the help. I appreciate all the solutions.

I need some help with Node Red flow editor. I modified the Export nodes to Clipboard modal dialog and added a button after "Export to clipboard". On clicking the button I make an external API call, which works fine and gets a response back from the server. The code to make an API call is written in /api/editor/code.js file as below:

I want to put the red node right behind the blue node even after i change the position of iPhone.

(Please refer to the diagram) When I start my AR App and tap the center of the screen to add the blue node, I get the blue node x,y,z axis and set the z axis of the red node a little bit further away. On this scenario my app behaves the way i expected.

The problem is when I rotate the iPhone, tap the screen to add the blue node, the red node seemed to be at the same depth like the initial state.

What i expected to have is when I add a blue node, always put the red node behind it (the blue node should always cover the red node the moment I add it)

Do anyone know how to do it?

I have this code to make the nodes always face the camera when i add them. but the position in space is kinda not the one I expected

I have an issue with object references to abstract classes and JSON serialization and deserialization. The abstracted issue looks like this:

I have a graph consisting of nodes and edges. Each edge connects two nodes. Nodes can be of flavor red and green. Therefore, there is an abstract class Node and two derived classes RedNode and GreenNode. A Node takes an id (@JsonIdentityInfo(generator = ObjectIdGenerators.PropertyGenerator.class, property = "id")):