Create ROUNDED corners UI in Unity with just ONE STEP! (No Photoshop)

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ม.ค. 2025

ความคิดเห็น • 66

  • @ReForgeMode
    @ReForgeMode  ปีที่แล้ว +7

    Apparently my fork is approved and has been merged into the main project! But I still recommend you to download my Release package here:
    github.com/ReForge-Mode/Unity_UI_Rounded_Corners

  • @MiniMiIk
    @MiniMiIk 4 หลายเดือนก่อน +1

    Huge time saver for transferring designs made in an external program to unity. Thank you a lot!

    • @ReForgeMode
      @ReForgeMode  4 หลายเดือนก่อน

      No problem! Glad this helps you!

  • @lucidstation
    @lucidstation ปีที่แล้ว +3

    This is a fantastic contribution! Thank you kindly!! you're saving me so much photoshoping down the line

    • @ReForgeMode
      @ReForgeMode  ปีที่แล้ว

      Haha, glad I could help! I was actually looking for this plugin as well, so I just shared what I want to have.

  • @dreamisover9813
    @dreamisover9813 ปีที่แล้ว +3

    Very useful, and thanks for also going over the licensing!

    • @ReForgeMode
      @ReForgeMode  ปีที่แล้ว +2

      Glad I could help! I'll be doing more of these free plugins showcase in the future. Some of them definitely needs more attention.

  • @balintkurucz7245
    @balintkurucz7245 ปีที่แล้ว +2

    Nice, exactly what I was looking for

    • @ReForgeMode
      @ReForgeMode  ปีที่แล้ว +1

      Hey, cheers! Glad this could help!

  • @LoneBagels
    @LoneBagels หลายเดือนก่อน +1

    Perfect! It works great.

    • @ReForgeMode
      @ReForgeMode  หลายเดือนก่อน

      Great! Glad you like it!

  • @cuddlesgamingvids
    @cuddlesgamingvids 4 หลายเดือนก่อน +1

    Thank you so much !
    For some reason though I can't see it change in real time like you do. I have to click "Play" to see the change take effect. Any reason you could think of ?

    • @ReForgeMode
      @ReForgeMode  4 หลายเดือนก่อน +1

      No problem! Yeah, that's weird... This script should run in Editor mode with no problem. I could only think of two reasons:
      - There's an error somewhere in your Console Window. Unity won't run the edge adjustment if there is an error.
      - There's an update to the plugin from the original author. If this is the case, you can download my GitHub fork instead or report it to the author directly on their GitHub page.

  • @janda2304
    @janda2304 ปีที่แล้ว +1

    Have you done any testing on performance? I really like this shader and want to use it a lot in my project. How will the performance increase/decrease?

    • @ReForgeMode
      @ReForgeMode  ปีที่แล้ว

      I haven't stress test it, but I did use it extensively in a mobile app project. It didn't have much impact, at least on reasonable amount of UI.

  • @zubanzio8567
    @zubanzio8567 หลายเดือนก่อน

    not working for me. When I add the script the material goes pink with no border radius added

    • @ReForgeMode
      @ReForgeMode  หลายเดือนก่อน

      Hmmm, there might some shader error there. I would recommend checking the compatibility of the Unity version.

    • @zubanzio8567
      @zubanzio8567 หลายเดือนก่อน

      Where can I check compatibility? I'm using Unity 6

    • @ReForgeMode
      @ReForgeMode  หลายเดือนก่อน

      @@zubanzio8567 Check the github page description where you download it.

  • @Alex-fp2sx
    @Alex-fp2sx ปีที่แล้ว +1

    Noticed the batch call increase when using this shader. I have different UI elements with different shapes and size, is there a way to reduce the batch call

    • @ReForgeMode
      @ReForgeMode  ปีที่แล้ว

      Probably because there are 5 parts in the shader, the diamond and four circles. Make sense because it's a shader.
      I'm not sure how to reduce drawcall in this instance. Maybe it's juat an inevitable tradeoff for flexibility. Is the bat h call increase dramatically?

  • @andreygritsenko751
    @andreygritsenko751 ปีที่แล้ว +1

    What about draw calls?

    • @ReForgeMode
      @ReForgeMode  ปีที่แล้ว

      It will increase a bit of course, but it's kind of expected to get more flexibility. Not a lot to affect the overall performance I think.

  • @EmptyPen
    @EmptyPen ปีที่แล้ว

    Please I have problem with vrm file in unity urp
    It turn to pink and When I six it it get to transparent what should i do

    • @ReForgeMode
      @ReForgeMode  ปีที่แล้ว

      Sounds like you haven't set up the material/shader for UniVRM, I made a tutorial for it right here: th-cam.com/video/aaks0yg9ZyU/w-d-xo.html
      Once you get it set up, you can use any VRM model you like on your project.
      Alternatively, you can just download my Unity project on Github and open it. It's already preinstalled with URP stuff: github.com/ReForge-Mode/Unity_VRoid_Template_Projects
      Let me know if you need further help!

  • @yevtushevskyguitar9897
    @yevtushevskyguitar9897 ปีที่แล้ว

    How can I use this package in the script? My code just constantly gives me an error of Assets\Scripts\Menu\CollectionScript.cs(5,7): error CS0246: The type or namespace name 'ImageWithRoundedCorners' could not be found (are you missing a using directive or an assembly reference?)
    Here is how I used it:
    var roundedImage = imageElement.gameObject.AddComponent();
    roundedImage.Radius = 10; // Set the corner radius as you want

    • @yevtushevskyguitar9897
      @yevtushevskyguitar9897 ปีที่แล้ว

      Okay, so whoever wondering I figure it out myself, and probably did it in sort of hackish way, here is how I've done it:
      var roundedImage = imageElement.gameObject.AddComponent();
      roundedImage.radius = 40; // Set the corner radius as you want

    • @yevtushevskyguitar9897
      @yevtushevskyguitar9897 ปีที่แล้ว

      BTW, you can just add this line "using Nobi.UiRoundedCorners;" to thhe top and just use it as it is: var roundedImage = imageElement.gameObject.AddComponent();

    • @ReForgeMode
      @ReForgeMode  ปีที่แล้ว

      Huh, I don't understand the difference between these two lines, but I'm glad it worked for you 👍👍

  • @So_er
    @So_er ปีที่แล้ว +2

    sick video bro

  • @vALANrant
    @vALANrant 2 หลายเดือนก่อน

    looks weird in VR. any fix for this?

    • @ReForgeMode
      @ReForgeMode  2 หลายเดือนก่อน

      Can you define what's "weird" about it? I can't help you without knowing what "weird" is.

    • @vALANrant
      @vALANrant 2 หลายเดือนก่อน

      @ReForgeMode it’s rounding the corners in the left eye but in the right eye it isn’t showing the image at all

    • @ReForgeMode
      @ReForgeMode  2 หลายเดือนก่อน

      @@vALANrant Huh... I think that's the problem with the VR camera setting. The Canvas UI gameobject should show up in both eyes.

  • @RubenTheCartographer
    @RubenTheCartographer 9 หลายเดือนก่อน

    So I guess it does not work on just regular square sprites?

    • @ReForgeMode
      @ReForgeMode  9 หลายเดือนก่อน

      It can work, but I haven't tested non-UI sprites. Try swapping the shader from Default-Sprite to this shader. Maybe it can work.

  • @JrMinalga
    @JrMinalga ปีที่แล้ว +1

    thank you helped me out a lot

    • @ReForgeMode
      @ReForgeMode  ปีที่แล้ว

      No problem, glad I could help!

  • @soumyaripan5131
    @soumyaripan5131 ปีที่แล้ว +1

    Thank you bro!

    • @ReForgeMode
      @ReForgeMode  ปีที่แล้ว

      No problem! Happy to help!

  • @kingmurder8245
    @kingmurder8245 ปีที่แล้ว +2

    sensational!

  • @polasbeatz
    @polasbeatz 9 หลายเดือนก่อน +1

    Thanks a ton mate, you saved my ass, damn. Subbed. Thanks!!!❤💯

    • @ReForgeMode
      @ReForgeMode  9 หลายเดือนก่อน

      No problem! Happy to help!

  • @alexofawesome330
    @alexofawesome330 ปีที่แล้ว +1

    Oh this is lovely.

    • @ReForgeMode
      @ReForgeMode  ปีที่แล้ว

      Yeah! This one goes straight into my regular toolbox in my projects.

    • @alexofawesome330
      @alexofawesome330 ปีที่แล้ว

      @@ReForgeMode any other simple and easy plugins in your toolbox like this you recommend?

    • @ReForgeMode
      @ReForgeMode  ปีที่แล้ว

      @@alexofawesome330 Hmmm, let's see:
      - UniVRM for VRM model importing.
      - LeanTween/DoTween for animations.
      - Invector Free character controller for quick prototyping
      - MagicaCloth for some clothing physics
      And some of my tools
      - NEBLite/Pro for quickly transfering blendshapes between models. Great for making facial expressions
      - UniLipSync for some quick lipsync in VRoid models.
      That's pretty much it, really. Hope it helps!

  • @samhaimtiyaz6565
    @samhaimtiyaz6565 ปีที่แล้ว +1

    THANK YOU SO MUCH!

    • @ReForgeMode
      @ReForgeMode  ปีที่แล้ว

      No problem! Happy to help! 😄😄

  • @Minija
    @Minija ปีที่แล้ว +1

    you are genius

    • @ReForgeMode
      @ReForgeMode  ปีที่แล้ว

      Hehe, this is just someone else's work. I am just giving them some more eyes to look at them and suggest some changes they can make. No biggie.

  • @tianqigao869
    @tianqigao869 ปีที่แล้ว +2

    cool!

  • @greensquare9210
    @greensquare9210 4 หลายเดือนก่อน +1

    Thank you so much

    • @ReForgeMode
      @ReForgeMode  4 หลายเดือนก่อน

      No problem! Happy to help!

  • @visitor_t-w3p
    @visitor_t-w3p 12 วันที่ผ่านมา

    Dosent work in android..

    • @ReForgeMode
      @ReForgeMode  9 วันที่ผ่านมา

      Hello! This tool should work regardless of your build platform. I recommend checking if the script is included in the build, among with other build settings. It could also be a Unity compatibility problem. I haven't tested this on Unity 6.
      I did use this on my android app project and it worked wonderfully.

    • @visitor_t-w3p
      @visitor_t-w3p 9 วันที่ผ่านมา

      @@ReForgeMode but it my android project..it didnt worked

  • @the_3d_cookie
    @the_3d_cookie ปีที่แล้ว +1

    Arigato Boss

    • @ReForgeMode
      @ReForgeMode  ปีที่แล้ว

      Dōitashimashite! Glad I could help!

  • @racherim
    @racherim ปีที่แล้ว

    for some reason, I'm getting null reference object on scene.load specifically on this part of code: image.material = null;
    private void OnDestroy() {
    if (image != null) // this is my tape solution for now.
    image.material = null; //This makes so that when the component is removed, the UI material returns to null
    DestroyHelper.Destroy(material);
    image = null;
    material = null;
    }

    • @ReForgeMode
      @ReForgeMode  ปีที่แล้ว

      Hmmm... Yes, I think the script is trying to run when the image is not yet assigned. You can make a pull request or raise an issue in the project github page so it can be fixed.

  • @1l747
    @1l747 ปีที่แล้ว

    Hello, friend. Do you know what I'm doing wrong?
    I updated the VRM plugin for blender and now the import works a little differently.
    Because of that I can't quickly and conveniently bind clothes to the character through the modifier data transfer ;,(
    th-cam.com/video/8n4izA3BEcY/w-d-xo.html
    In this video I show you what I do step by step.
    th-cam.com/video/sAo90Y3s_pg/w-d-xo.html
    And this one shows how it worked before and how it works now. Doing the same thing, but with the new version of the addon it does not work.

    • @1l747
      @1l747 ปีที่แล้ว

      But I also noticed that the method with automatic weights works correctly. I don't understand how it works.
      But automatic weights don't work for me. They do clipping when you rotate the bones, you can see the body. It's easier for me to pre-fit the model in the sculptor. Because I've tried drawing, it takes a long time and it ends up clipping the model even more than with the automatic ones XD
      Anyway, if you know what I'm doing wrong, I'd appreciate a hint. Or anyone who reads this comment and has encountered the same problem.
      Thanks.

    • @ReForgeMode
      @ReForgeMode  ปีที่แล้ว +1

      Uhm, I'm not familiar with Blender at all. I'm only working in Unity, so I can't help you there.
      Perhaps you can check out some Blender VRoid tutorials video on youtube? There are a lot of smart people out there. But definitely not me with Blender, hehe