Drop Shadow Plugin

PLEASE VOTE ON POSSIBLE UPDATE: CLICK HERE

pluginIcon

Drop Shadow Plugin

IMPORTANT

:exclamation: In order for this function to work correctly and have the have your ScreenGui instance you need to have ZIndexBehavior as Global :exclamation:

Also: You can’t use rounded frames as the shadows are for 90 degree angles.

Image Help

image

About

The Drop Shadow Plugin is a simple plugin to let you create drop shadows on your UI elements. From Frame to Text Buttons and more you can add a drop shadow.

Enough of me talking let’s see a video of it :slight_smile:

Some pictures:

Elevation Levels

image

Take the plugin here

101 Likes

Now my GUIs will look way more sharp. Thanks man, this is great!

3 Likes

ZIndex Bug Status.

This update is going to take some time as we’re also updating the UI work even better along with some more settings to make sure it works a majority of the time!

Solution Found

5/11/2020 at 12:05pm

We have found a solution to this bug and are currently going to attempt to implement a fix.

Identified

5/11/2020 at 12:00pm

We identified a bug within the ZIndex where the shadow is sometimes rendered above the element you’re trying to create a drop shadow for. We’re currently looking for a solution to this and will update this post once we’ve identified a solution and attempt to implement it.

3 Likes

This is honestly a great plugin. Great job!

1 Like

Are you planing on adding support for round UI aspects?

2 Likes

At this moment I do not. It would be extremely time consuming to need to create an individual asset for each round corner.

1 Like

Do you plan adding drop shadows for text?

No, not sure if this plugin still works but it allowed text dropshadows along with more features for text.

https://www.roblox.com/library/270321334/TextPlus-Plugin

1 Like

I found something that might help some people.
If you have AutoScale Plus and you have “Image ScaleType Fit By Default”, it wont work. image

2 Likes

absolutely amazing plugin and so easy to use however i think that support for ui elements with rounded corners would help a lot too (if possible) :slight_smile:

I would love to do this in the future, it just may take a long time as I would need to create an image for every single corner radius and it’s elevation.

But I’ll make sure to add it to my to-do list.

One thing I might do is only allow certain UICorner radius’s to be used just so it’s easier on me.

1 Like

Upcoming Update

(release date unknown, but development is in progress)

  • New UI that is more user-friendly and requires less steps
  • Support for Rounded UI’s (Only certain radius for UICorner and needs to be offset and not scale)
  • Complete rewrite, not that current performance is bad just a way to optimize the code.
1 Like

I would recommend making it clear that only GlobalZIndex behavior is supported.

1 Like

Hey man, thank you for making such a huge contribution!

Hey man! Amazing plug-in :slight_smile: I would love it though if you’d add support for rounded frames with Roblox’ new UICorner :slight_smile:

Hey!! I’m curious if I can use this for commercial use.

1 Like

I know this is in 2020, but there is a pretty easy fix:
Use a soft shadow square that has corners so large its almost a cirlce (keynote almost, we need some straight edges) as the image, then apply 9slice on it so all the slices are exactly at the half way point vertically and horizontally. Finally, change the slice scale value to make it smaller or bigger depending on the cornerradius value.

Possible Update :new:

I want to gauge users of this plugin on an update I would like to work on if it is voted as something useful to users. This update would be a large leap in the functionality of this plugin and an overhaul entirely.

What is the current Drop Shadow problem?

Right now, this plugin only supports squared corners and very specific elevation levels. While this can be very useful for those specific use-cases. Roblox has since introduced rounded corners to UIs which completely makes this plugin obsolete once implemented.

What my plan is

While I am aware this plugin has not been updated in a VERY long time, I am also aware (that for some reason) there is an active user base and many users are adding it to their studio every single day.

Due to technical challenges within Roblox I have crafted a very specific plan to implement a feature such as this. In order to accommodate this I would develop a web-service that would receive a request for each drop-shadow (elevation, corner radius, …) and that web service would then handle a 9-slice image generation and utilize OpenCloud API to upload the asset to the catalog and return the assetID (there would also be a cache of previously generated IDs that would be stored in a database so as more users utilize this with different parameters the more there are available)

Would you be interested in this update?

  • Yes
  • No

0 voters

If you voted YES to the above poll I have another question about a possible technical challenge with my implementation idea. There are two versions of this web-service I am considering, the best idea for me would be the single bot account that handles the assets, however this brings up a challenge with moderation as if you are the first user to generate a specific elevation and radius pairing then you would receive an asset not yer approved meaning you would not be able to see the shadow for a specific time-period.

So my other idea of an implementation would be to utilize OAuth for this application that would allow you to sign in and the web-service would directly upload the assets to your account rather than a bot account. Of course this will bring in concerns for account security, and concerns of asset moderation to your account, in which it would be highly unlikely. (I am also unaware if there are any TOS violations in something like this, which there might, in this case this option would be unable to be implemented)

Anyways, please vote on which implementation you’d be interested in most

  • Third-Party Bot Account Handling Assets
  • Each User Handling Assets via OAuth

0 voters