Rounded images

[yuraantonov11]

Hello, is there a simple way to render a rounded image(without using getCanvasTexture)?

[g-zachar]

Hi @yuraantonov11
Yes, there is pretty strightforward way to do this using RadialFilter shader:

Base: {
  rtt: true,
  w: 100,
  h: 100,
  Inner: {
    shader: {
      type: lng.shaders.RadialFilter,
      radius: 50
    },
    src: "image",
  },
}

Example

Best regards

[yuraantonov11]

Hi @g-zachar, thanks for your answer, I try to render some images(not only squares) with rounded corners. e.g.:

How can I set different radiuses?

[yuraantonov11]

Can anyone answer my question?
@g-zachar?

[g-zachar]

@yuraantonov11 I added shader for this specific purpose in 1.3.0, let me know if you have any further questions (you can check example here).

[yuraantonov11]

@g-zachar, thanks for your answer, but I have one more question. Can I set rounding to different corners?

[g-zachar]

@yuraantonov11 , it is not possible per se, but you can work around it by clipping parts of image that is being rounded (example)