How do I make images for a UI like these?

You really should look into viewports. They’re much easier and you can make a shop with 100s of items without creating images. (In less than 100 lines of code)

You can make the images spin too.

Here is a great tutorial:

1 Like

Hello! Thank you very much for the suggestion. I brought this up to the scripter I hired for my game, and he said that although they are useful, they cause lag. I’m trying to avoid lag, so unless there is a lag-free alterative, I think I’ll pass on this feature. Thank you again though.

Thats huge cap. Look at legit every sim game with pet systems. THEY ALL use viewport frames.

1 Like

You likely want to upload images where you cut out the background around your pet. Art programs are what I’m least experienced with but I’m sure you can find a few tutorials on how to do so. Googling terms like “removing background” may help although you may need to get a program like Photoshop.

So again, your issue is there being a background, so the only way to remove it while it being an image is through learning a program like Photoshop, if this is undesirable then I’ll offer some suggestions:

  • There may be a “green screen method” you can do if you take a photo of a pet on a green screen (issues with green pets likely?)
  • Take a photo of your pet, but on a background you already like (possibly a full blue to match your inventory) then you wont need to remove anything.
  • Use a ViewportFrame that is static. Roblox announced in their ViewportFrame release that static parts take similar processing as images so there aren’t trade-offs!

Hopefully this helps.

TL;DR Easiest method is a static ViewportFrame, similar processing requirements as an image (stated by Roblox), otherwise you will need to learn how to remove backgrounds of an image.

1 Like

That’s not true. They do not cause lag at all. I’ve used them in all my games and there isn’t any lag. Pretty much every shop uses them.