Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Is there any plans on GlowFilter and DropShadowFilter? #943

Open
sky0014 opened this issue Mar 22, 2018 · 7 comments
Open

Is there any plans on GlowFilter and DropShadowFilter? #943

sky0014 opened this issue Mar 22, 2018 · 7 comments

Comments

@sky0014
Copy link

sky0014 commented Mar 22, 2018

Just like in Flash:

https://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/filters/GlowFilter.html
https://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/filters/DropShadowFilter.html

It's very useful, hope involved, thank you.

@DavidHGillen
Copy link

DavidHGillen commented Mar 22, 2018

Yes, They're on the list of TODO's on my desk right now. They're derivatives of a blur filter so you can implement them yourself in the mean time (if you're not sure how, feel free to ask).

We've been a little heads down on some major internal pipeline updates for EaselJS but as those things are starting to wrap up some more filters are definitely planned. You can have a peek at a couple of the newcomers here:
https://github.com/DavidHGillen/EaselJS/blob/master/src/easeljs/filters/AberrationFilter.js
https://github.com/DavidHGillen/EaselJS/blob/master/src/easeljs/filters/DisplacementFilter.js
They might work outside of that branch, but there have been some significant updates so you might just want to pull and compile the whole branch if you want them now.

@gskinner
Copy link
Member

Dropshadow and glow are already supported in Stage (@DavidHGillen is talking about StageGL) via myDisplayObject.shadow. Note that a glow is just a shadow with no offset.

@sebastianderossi
Copy link

@sky0014
Copy link
Author

sky0014 commented Mar 22, 2018

@DavidHGillen thank you for your reply. Actually I modified a third-party library to use for now( https://github.com/u-kudox/Filters_for_EaselJS ), But I think it's better for you guys to implement it as a part of this library. 😄

@sky0014
Copy link
Author

sky0014 commented Mar 22, 2018

@gskinner @sebastianderossi Thank you for the demo : )
I tried shadow and stroke to make some effect like GlowFilter does in Flash. But I found that there's some tiny difference. I used with Text, my parameters is GlowFilter(0,1,2,2,3). I found it's hard to expand four directions. If I draw with lager font-size to simulate four direction shadows, position may be dislocation.

@normmcgarry
Copy link

@sky0014 Any chance you could share your modifications to that library?

@sky0014
Copy link
Author

sky0014 commented Apr 26, 2018

@normmcgarry Ok, I put it in my fork: https://github.com/sky0014/Filters_for_EaselJS

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

6 participants