Jump to content
GreenSock

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

Creating handwriting effect using GS JS

Recommended Posts

Hi,

I am a fan of GS-AS, now i am very much impressed with GS JS.. i want to create a handwriting effect .. is it possible to achieve the task with GS JS ? Is there any online examples.. Please let me know..

 

thanks in advance.

Link to comment
Share on other sites

Hi

 

Drawing of lines is not a function of the tweening platform in any of the versions. Typically in the actionscript versions one would tap into the graphics/drawing APIs and constantly draw new lines to the coordinates of an object that was being tweened.

 

You may want to look into using GSAP 12 js with Easeljs's graphics capabilities on a canvas.

 

Www.createjs.com

 

I don't know of any examples but I'll look into creating something when I have time. It's a cool idea.

Link to comment
Share on other sites

It may not be the technical approach you're looking for but, in the past, I've found the best "handwriting" effect is achieved animating a mask over the handwritten graphic. The resulting effect is, in my opinion, more hand written than the coordinate approach, which tends to look more mechanical.

 

That being said and being new to javascript myself, I don't know if there is a way to animate a mask in Flash-like way.

Link to comment
Share on other sites

  • 2 years later...

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.
×