[FREE, MIT] ⭕ Windinator - ⌨️ UI Framework - 〽️Procedural UI - ☄️ Flutter Inspired ⭕

Looks cool af. That is all

 

What's the current performance for mobile?

 

It was made with older devices and mobile devices in mind.
All the procedural shapes are batched together and the dynamic drawing has a quality slider that makes it very easy to lower the precision of the resulting shape if necessary.

That being said, there are some known issues on the latest version that I want to take care of as soon as possible but I have been swarmed with other stuff so if I were you I would wait for my update on this thread.

 

I added windinator in my project, pasted over the content of the blended card example and it doesn't work well: when i removed one the card at the bottom of the hierarchy, the circles above disappeared - I don't know why and I can't spend time on something that should be simple but is counter intuitive so I remove windinator from the project and updated the review accordingly.

 

Yeah I'm sorry I haven't been having updating this. I have been trying to hire someone to help me but haven't had much luck on that front.

 

Making this open source under MIT license:
https://github.com/BlenMiner/Windinator

 

Hi @_BlenMiner_ . Could you give me some help to extend the
RectangleGraphics.cs and RectangleRenderer.shader
so that you can shear the Rectangle.

I extended the box sdf on Shadertoy so that you can shear the box with
vec2 shear = vec2(0.0,0.25);

in

Code (CSharp):

1. float box(vec2 position, vec2 halfSize, float cornerRadius, vec2 shear)
2. {
3.     // Applies the shear transformation to the position
4.     position.xy = mat2(1.0, shear.x, shear.y, 1.0) * (position.xy - trans);
5.  
6.     // Calculates the distance from the position to the edges of the box
7.     position.xy = abs(position.xy) - halfSize + vec2(cornerRadius);
8.  
9.     return length(max(position, 0.0)) + min(max(position.x, position.y), 0.0) - cornerRadius;
10. }

as an example.

https://www.shadertoy.com/view/ctGGWt

edit: just got a hint from iq that i did it wrong.
here is the correct version for shearing towards parallelogram.

https://www.shadertoy.com/view/7dlGRf

 

I would recommend you checkout how the line renderer is done:
https://github.com/BlenMiner/Windin...nator/Core/Runtime/UIExtension/LineGraphic.cs
You would need to create your own shader and you will find how to do that in that example.
If you want to make the mesh bigger you can also override the value of "ExtraMargin", a virtual getter.
That will expand the quad used to render the shader.

here is the shader for the line for reference: https://github.com/BlenMiner/Windin.../Resources/Windinator.SDF/LineRenderer.shader