Search Unity

  1. Welcome to the Unity Forums! Please take the time to read our Code of Conduct to familiarize yourself with the forum rules and how to post constructively.
  2. Dismiss Notice

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

Discussion in 'Assets and Asset Store' started by _BlenMiner_, Jul 21, 2022.

  1. Crzed

    Crzed

    Joined:
    Oct 19, 2013
    Posts:
    20
    Looks cool af. That is all :)
     
  2. jmgek

    jmgek

    Joined:
    Dec 9, 2012
    Posts:
    76
    What's the current performance for mobile?
     
  3. _BlenMiner_

    _BlenMiner_

    Joined:
    Jun 10, 2015
    Posts:
    65
    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.
     
    jmgek likes this.
  4. laurentlavigne

    laurentlavigne

    Joined:
    Aug 16, 2012
    Posts:
    5,994
    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.
     
    Last edited: Feb 3, 2023
  5. _BlenMiner_

    _BlenMiner_

    Joined:
    Jun 10, 2015
    Posts:
    65
    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.
     
    laurentlavigne likes this.
  6. _BlenMiner_

    _BlenMiner_

    Joined:
    Jun 10, 2015
    Posts:
    65
    laurentlavigne likes this.
  7. keeponshading

    keeponshading

    Joined:
    Sep 6, 2018
    Posts:
    935
    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


    Shear.JPG
     
    Last edited: May 23, 2023
  8. _BlenMiner_

    _BlenMiner_

    Joined:
    Jun 10, 2015
    Posts:
    65
    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