PG1 Posted February 10, 2021 Share Posted February 10, 2021 (attached pen is just an example implementation of the basic DrawSVG). Hi, I'm looking to generate some sort of burn effect, sort of as if a laser moved across the screen, leaving burn marks behind it. If I had a shape I wanted to 'burn around', like the attached, how would I best achieve? I think I'd need: Bright leading edge of the draw process Darker draw colour left behind Maybe some gradient Am I attempting the impossible or are there obvious tricks that could help? Cheers See the Pen RwRwGoz by petegarvin1 (@petegarvin1) on CodePen Link to comment Share on other sites More sharing options...
ZachSaucier Posted February 10, 2021 Share Posted February 10, 2021 42 minutes ago, PG1 said: Bright leading edge of the draw process Darker draw colour left behind I'd probably do that with two layered paths with the brighter one very slightly ahead of the other. Have the darker draw color on top so it covers most of the "leading edge". 42 minutes ago, PG1 said: Maybe some gradient Not sure what you mean by this. Link to comment Share on other sites More sharing options...
mikel Posted February 10, 2021 Share Posted February 10, 2021 Hey @PG1, Just for FUN ... See the Pen xxREJqR?editors=1010 by mikeK (@mikeK) on CodePen Be creative ... Mikel 4 Link to comment Share on other sites More sharing options...
PointC Posted February 10, 2021 Share Posted February 10, 2021 The question reminds me of my old 2,000 post demo. It's still in GSAP 2 syntax, but maybe it'll give you some ideas. See the Pen RyaJmj by PointC (@PointC) on CodePen 7 Link to comment Share on other sites More sharing options...
PG1 Posted February 10, 2021 Author Share Posted February 10, 2021 37 minutes ago, PointC said: Wow @PointC that is almost the exact thing I was intending to build just maybe in a different color!! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now