SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Guru
    Join Date
    Aug 2004
    Location
    Port Sunlight
    Posts
    815
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Handwriting Animation

    Hi,

    Is it possible to create something like this of the Next site?

    http://www.next.co.uk/

    When it loads up you see some text being written over an image. My client requires something like this. Can it be done easily? Or is it a case of creating the text and then erasing a portion of the wording on frames until the word has been completely removed.

    It would be cool if I could do this dynamically so I don't have to create a new movie for each word.

  2. #2
    Community Advisor silver trophy

    Join Date
    Nov 2006
    Location
    UK
    Posts
    2,559
    Mentioned
    40 Post(s)
    Tagged
    1 Thread(s)
    The most straight forward way is to use a mask that is drawn progressively, whether frame by frame or with rough shape tweens. Either is going to take time. If you need a lot of words doing I guess you could do an 'alphabet' of clips and reuse the letters.

    To do this dynamically you'd have to have to do some extremely tricky parsing of font curves to break a letter up into 'pen strokes' and then some intelligent processing of how to decide where and when to start and end a mask to reveal the letter in a style consistent with handwriting. It'd be a lot of code.

  3. #3
    SitePoint Guru
    Join Date
    Aug 2004
    Location
    Port Sunlight
    Posts
    815
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    OK thanks.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •