Welcome to TalkGraphics.com
Results 1 to 8 of 8
  1. #1
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,427

    Default That time of the year again - Halloween

    So here's my effort.
    The witch currently is not my work but a trace of an online bitmap. If I go further I'll draw my own witch.
    DEMO
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  2. #2
    Join Date
    Jul 2015
    Location
    Currently New York State
    Posts
    737

    Default Re: That time of the year again - Halloween

    Egg,

    I really like this. Everything appears to work very well.

    Ray

  3. #3
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    15,891

    Default Re: That time of the year again - Halloween

    Thanks Egg, I've just tried the same, turning my hand to anime.js:

    anime.js - Haloween.xar - I did spell Halloween correctly in the file itself! Although even that should have an apostrophe: Hallowe'en.

    I threw in enough CSS manipulation in the Page Body for anyone to tweak away the day.
    I didn't want to handle SVG pathing so I just ran the lettering through a wholly random looping of the ever-changing CSS values.
    I watched it long enough to get the witch fly through the O!

    A working demo: https://shared.xara.com/lm87SdIcxQ

    Thank you for the idea.

    Acorn
    Acorn - installed and active Xara software: Cloud+/Pro+, XDPXv18 , XWDPv12/v15, XPGDv10, X3D7, Xara Xtreme 5, and others back through time (to CC's Artworks).
    Technical remediation and consultancy for your web designs. TG Nuggets you might like. Report faults: Magix; Xara Cloud+/Pro+

  4. #4
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,427

    Default Re: That time of the year again - Halloween

    Great stuff Acorn. It appears to have no repeat, changing endlessly whilst playing. It's also not as power hungry as mine. Mine goes into High or Very High power usage although it plays well on all my mobile devices too. This was created in XDPro+ and SVGator. The text used tweening so there's a lot of node repositioning between frames whilst running, although there's only three key-frames.
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  5. #5

    Default Re: That time of the year again - Halloween

    Those are neat! I have no idea how to that kind of thing with Xara.

    BTW, Happy Halloween to all!

  6. #6
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    15,891

    Default Re: That time of the year again - Halloween

    Quote Originally Posted by Egg Bramhill View Post
    Great stuff Acorn. It appears to have no repeat, changing endlessly whilst playing. It's also not as power hungry as mine. Mine goes into High or Very High power usage although it plays well on all my mobile devices too. This was created in XDPro+ and SVGator. The text used tweening so there's a lot of node repositioning between frames whilst running, although there's only three key-frames.
    Thank you Egg, the beauty of anime.js is it is working on the Xara design directly so this one has 10 animations at any one time. Also if you move off the page, the animation automatically pauses. On my PC the browser running load is 12% but only 0.2% paused. Keeps the fans off.

    I enjoyed adding a Contour to the witch as it makes her wraith-like against the sky but in your face over the lettering.
    Each loop, recalculates the movements afresh.

    Acorn
    Acorn - installed and active Xara software: Cloud+/Pro+, XDPXv18 , XWDPv12/v15, XPGDv10, X3D7, Xara Xtreme 5, and others back through time (to CC's Artworks).
    Technical remediation and consultancy for your web designs. TG Nuggets you might like. Report faults: Magix; Xara Cloud+/Pro+

  7. #7
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    15,891

    Default Re: That time of the year again - Halloween

    Quote Originally Posted by Toonicorn View Post
    Those are neat! I have no idea how to that kind of thing with Xara.
    BTW, Happy Halloween to all!
    If you click the 'nugget' tag, there are a number of Threads starting 'anime.js...'.
    These cover the documentation and process to set up your own. Change mine and experiment.

    Acorn
    Acorn - installed and active Xara software: Cloud+/Pro+, XDPXv18 , XWDPv12/v15, XPGDv10, X3D7, Xara Xtreme 5, and others back through time (to CC's Artworks).
    Technical remediation and consultancy for your web designs. TG Nuggets you might like. Report faults: Magix; Xara Cloud+/Pro+

  8. #8
    Join Date
    Apr 2005
    Location
    Vancouver Island, British Columbia
    Posts
    4,170

    Default Re: That time of the year again - Halloween

    Egg, Acorn, all very smooth play.

 

 

Tags for this Thread

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
  •