Official Introducing the Vector API in Unity 2022.1

Done, thank you, IN-45080

 

this is awesome and i got simple bezier curves working between 2 buttons in my UI. Great job! This is going to be great to work with. A couple dumb questions...where do i go to find the full documentation of the latest of this API so i can see full functionality (is that available?)

Also, does hover over (Mouse Enter Mouse Leave) events work for lines? i have this code here and when i hover over the line it doesn't detect my mouse. Is this even supported?

Code (CSharp):

1. class LineDrawerElement : VisualElement
2. {
3.     public Vector2 startPoint { get; set; }
4.     public Vector2 endPoint { get; set; }
5.     public Color lineColor { get; set; }
6.     public Color hoverColor { get; set; }
7.     public Color defaultColor { get; set; }
8.  
9.     public LineDrawerElement()
10.     {
11.         generateVisualContent += OnGenerateVisualContent;
12.  
13.         RegisterCallback<MouseEnterEvent>(evt =>
14.         {
15.             Debug.Log("MouseEnterEvent got called");
16.             lineColor = hoverColor;
17.             MarkDirtyRepaint();
18.         });
19.         RegisterCallback<MouseLeaveEvent>(evt =>
20.         {
21.             Debug.Log("MouseLeaveEvent got called");
22.             lineColor = defaultColor;
23.             MarkDirtyRepaint();
24.         });
25.  
26.         pickingMode = PickingMode.Position;
27.     }

//...the rest of my class that draws a bezier between 2 points (visualelements). Works wonderfully and is a nice thick line 15.0f so plenty of room for mouse detection i would think.

Thanks this is coming together nicely!

 

Awesome thanks! Keep up the most excellent work!

 

Hello, I'm trying to make drawing tools with Painter2D. It's look great with this code for simple draw

Code (CSharp):

1.     public class ShapeElement : VisualElement
2.     {
3.         public new class UxmlFactory : UxmlFactory<ShapeElement> { }
4.  
5.         public Color Color;
6.  
7.         public List<Line> Lines = new List<Line>();
8.  
9.         private Line currentLine;
10.  
11.         public ShapeElement()
12.         {
13.             style.height = Length.Percent(100);
14.             style.width = Length.Percent(100);
15.             generateVisualContent += GenerateVisualContent;
16.             RegisterCallback<PointerDownEvent>(OnPointerDownEvent);
17.             RegisterCallback<PointerUpEvent>(OnPointerUpEvent);
18.         }
19.  
20.         private void OnPointerDownEvent(PointerDownEvent evt)
21.         {
22.             RegisterCallback<PointerMoveEvent>(OnPointerMoveEvent);
23.             currentLine = new Line(new(), Color, 10);
24.             Lines.Add(currentLine);
25.         }
26.  
27.         private void OnPointerMoveEvent(PointerMoveEvent evt)
28.         {
29.             // We need to invert Y
30.             Vector2 currentPos = Input.mousePosition;
31.             currentPos.y = Screen.height - currentPos.y;
32.             currentLine.Points.Add(currentPos);
33.             MarkDirtyRepaint();
34.         }
35.  
36.         private void OnPointerUpEvent(PointerUpEvent evt)
37.         {
38.             UnregisterCallback<PointerMoveEvent>(OnPointerMoveEvent);
39.         }
40.  
41.         void GenerateVisualContent(MeshGenerationContext ctx)
42.         {
43.             var painter = ctx.painter2D;
44.             painter.lineJoin = LineJoin.Round;
45.             painter.lineCap = LineCap.Round;
46.  
47.             foreach (var line in Lines)
48.             {
49.                 painter.lineWidth = line.LineWidth;
50.                 painter.strokeColor = line.Color;
51.                 painter.BeginPath();
52.                 painter.MoveTo(line.Points[0]);
53.                 for (int i = 1; i < line.Points.Count; i++)
54.                 {
55.                     painter.LineTo(line.Points[i]);
56.                 }
57.                 painter.Stroke();
58.             }
59.         }
60.     }

My Line class :

Code (CSharp):

1.     public class Line
2.     {
3.         public List<Vector2> Points;
4.         public Color Color;
5.         public float LineWidth;
6.         public Line(List<Vector2> points, Color color, float lineWidth)
7.         {
8.             Points = points;
9.             Color = color;
10.             LineWidth = lineWidth;
11.         }
12.     }

But I want to add eraser and I'm a bit lost. I tried to set color to Color.clear but it is not the solution.
How can I erase existing point ?

Thanks

 

Thanks for your reply !



I want something like this.
I was thinking of "cutting" my path into 2 new ones but it seems I don't have enough points to do it smoothly.
I don't understand the "baking" part, can you elaborate?

 

Turns out I am not (and I'm confused why you thought this and the Spline Package are somehow equivalent?).

The Spline Package does nothing I want, while I would like to use the vector API for my own in-universe 3d worldspace UIs. Tying it to the Artist previously known as UIElements is a mistake.

 

I understand the idea but I'm not sure about the implementation. Do I need to create a custom render texture (like https://docs.unity3d.com/Manual/class-CustomRenderTexture.html) and give it a transparent material? And then add zones with position and size where I want to erase?

 

I tried this solution but I'm not convinced because the update zones for custom RT feel chaotic to me, they don't behave like I expect them to and I can't find a way to use them properly.
Do you know of any other solution to create an eraser? Or can you provide me an example of custom RT as you described them?

 

Thank you !
It works pretty well but it looks like the eraser is applied with not enough intensity
I erase by clicking once, twice, etc... and I would like to erase like the last one even with a single click.

Other thing I noticed is when I moved my cursor fast, it erase points but doesn't link them.
Is it possible to link them ?

And a last question, how can I clear my texture from all drawing points ?

 

IT WORKS !
Thank you sooooo much for your time.

It looks like this for now


I currently store my drawing in a RT and display it on a cube for my project's needs.

I upload my POC here if someone want to try it. Just open the scene, play it and select GameManager in hierarchy to have access to different options buttons.