Welcome to TalkGraphics.com
Results 1 to 7 of 7
  1. #1
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    15,219

    Lightbulb anime.js - Random Motion

    This design requires a number of functional calls: anime.js - Chaos.xar
    I hope you can see the power of the technique.

    This time if you untick Shapes as SVGs, the animation does work; the shapes move higher up the page as the code is latching onto a different part of the document structure.

    Acorn
    Acorn - installed and active Xara software: Cloud+/Pro+, XDPX, XWD Premium 15 & 12, XPGD10, X3D7, Xara Xtreme 5, back through time (to CC's Artworks).
    Raise software faults with MagiXara: http://support.magix.net/; if Cloud+/Pro+: https://xara.com/contact-us/

  2. #2
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    40,530

    Default Re: anime.js - Random Motion

    Fun. I could kill half a day watching this. Could you make your solid shapes semi-transparent?
    Gary W. Priester
    Mr. Moderator Emeritus Dude
    , Sir

    gwpriester.com | eyetricks-3d-stereograms.com | eyeTricks on Facebook






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

    Default Re: anime.js - Random Motion

    Quote Originally Posted by gwpriester View Post
    Fun. I could kill half a day watching this. Could you make your solid shapes semi-transparent?
    Easily, using Xara's Transparency.

    I would set them as Flat Multiply Transparency.

    Some effects may still come out as JPEGs so do experiment.
    You can also add an animation parameter like "opacity: 0.5,".

    Acorn
    Acorn - installed and active Xara software: Cloud+/Pro+, XDPX, XWD Premium 15 & 12, XPGD10, X3D7, Xara Xtreme 5, back through time (to CC's Artworks).
    Raise software faults with MagiXara: http://support.magix.net/; if Cloud+/Pro+: https://xara.com/contact-us/

  4. #4
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    40,530

    Default Re: anime.js - Random Motion

    How would you save this to play on something like Facebook?
    Gary W. Priester
    Mr. Moderator Emeritus Dude
    , Sir

    gwpriester.com | eyetricks-3d-stereograms.com | eyeTricks on Facebook






  5. #5
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,217

    Default Re: anime.js - Random Motion

    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

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

    Default Re: anime.js - Random Motion

    Quote Originally Posted by Egg Bramhill View Post
    Shell not!

    Acorn
    Acorn - installed and active Xara software: Cloud+/Pro+, XDPX, XWD Premium 15 & 12, XPGD10, X3D7, Xara Xtreme 5, back through time (to CC's Artworks).
    Raise software faults with MagiXara: http://support.magix.net/; if Cloud+/Pro+: https://xara.com/contact-us/

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

    Default Re: anime.js - Random Motion

    Quote Originally Posted by gwpriester View Post
    How would you save this to play on something like Facebook?
    Gary, I know little about FB, I prefer not to so it knows little about me.

    I doubt you can publish a Xara site into FB.
    I don't know if you can include an IFRAME instead.
    Obviously the first port of call is a Link out but I assume you want to impress.

    Acorn
    Acorn - installed and active Xara software: Cloud+/Pro+, XDPX, XWD Premium 15 & 12, XPGD10, X3D7, Xara Xtreme 5, back through time (to CC's Artworks).
    Raise software faults with MagiXara: http://support.magix.net/; if Cloud+/Pro+: https://xara.com/contact-us/

 

 

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
  •