This is the sprite sheet for the jump button. I want to replicate this button and change the arrow to another image. Does anyone know the exact colors of the buttons? (They are partially transparent as well).
2 Likes
bottom left is default jump
bottom right is jump when highlighted
use editing software in order to calculate the rest.
what software should i use. ive tried just using a screen color picker but that doesnt pick up the transparency.
gimp.org or getpaint.net.
Not sure if these will do it but might aswell give it a try.
You can check in CoreGui while playtesting, it should contain all ui
To achieve this effect, all you need to do is have 2 frames,
Frame 1: the transparent frame shown.
Frame 2: the outline (MAKE SURE THIS IS IN FRAME 1)
For the colors of the frames:
Frame 1: Colour3 = (16, 16, 16)
Frame 2: Colour3 = (255, 255, 255)
make frame 2 smaller so its inside frame 1 giving the same stroke effect as the button, then customize it, also make frame 1 a text button/image button depending on what you want. change the transparency on frame 1 and 2 to 0.5.
WARNING…
this isnt exactly the same as those buttons, its the closest that i could get it to those buttons.
1 Like
It’s just 0,0,0 and 255,255,255
aka pure black, pure white
If you copy the image onto itself, it’ll become opaque and you can get the colors. To determine the transparency ratio, just determine the amount of layers it took to make the image opaque and use the formula below.
T_n = T_0 * (1 - 1/n)^n
T_n = transparency after n layers
T_0 = original transparency
n = number of layers
also, I just realized you can use photopea and open the info tab and it’ll tell you the alpha (transparency)
its black thank me later
2 Likes