Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
PG1

Burn effect with DrawSVG

Recommended Posts

(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 post
Share on other sites
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 post
Share on other sites

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

  • Like 6
Link to post
Share on other sites
37 minutes ago, PointC said:

 

Wow @PointC that is almost the exact thing I was intending to build just maybe in a different color!! :D

 

 

Link to post
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

×