How to adjust bezier edge

[rileydanejohnston]

Hello, I’m trying to implement a curved bezier line for edges but I seem to be missing something. I’m using the BezierCurveEdgeView and I changed the ‘routerKind’ to ‘bezier’ on the server side. I’m using node backend with the VSCode client.

My questions are:

1. How can I control the edge path? The edge seems to be bound to a single fixed point. My goal is to have a gentle curve from point A to point B. I'd like the edge to adjust to where I move the elements, rather than the edge clinging to the fixed point (see photo).
2. I’d like the Bézier curve to have an arrow similar to the GEdgeView. Is it possible to do this with an argument or do I need to make a custom view?
3. Is there documentation where I can see the options/arguments to make changes to the bezier edge?

[planger]

Hi,

Bezier curves have been introduced in Sprotty (see PR) and GLSP only "inherits" them from there. I'm afraid, I don't really have first-hand experience using them though. But there is an example in Sprotty which may help.

[rileydanejohnston]

Hi Philip,

Thank you for the response. The example you posted had part of the answer I was looking for. I needed to change my edge type to 'edge:bezier', which I did not know existed.

[rsoika]

@rileydanejohnston in case you mean the anchor point where the edge starts from your model element, than GLSP and spotty provide already so called anchor computers for circles, rects and diamonds. If your model element is based on such a base shape no special implementation should be necessary

For example in OpenBPMN we use Manhattan routing and we just configure our model elements based on the default NodeViews:

configureModelElement(context, 'intermediateCatchEvent', EventNode, CircularNodeView);
configureModelElement(context, 'task', TaskNode, RoundedCornerNodeView);
configureModelElement(context, 'exclusiveGateway', GatewayNode, DiamondNodeView);

The router computes the anchor point automatically:

If this is what you are asking for? In your picture it looks like your 'Test' label with a circle is just a test element?

[rileydanejohnston]

Hi Ralph,

Thank you for the response. I ended up using the 'manhattan' routerKind, the BezierCurveEdgeView, and the 'edge:bezier' edge type. This is the result I was going for:

bezier-vid.mov