Explore the community Forums Lectora Online Lectora Online Questions & Answers Improved Animations for Lectora Online

Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #301498 Score: 1
    Profile photo of xithis
    xithis
    Member
    122 pts
    @xithis

    I’ve been working on a new project, and I wanted to integrate better animations. You can do the same!

    First load this javascript from here and put it as an external script (top of file):

    <script src=’https://code.jquery.com/jquery-2.1.4.min.js’></script>
    <script src=’TweenMax.min.js’></script>

    Then here is a custom script that I wrote to animate groups within Lectora.  You just call the javascript like this: lectoraAnimate(nameofgroup,’typeofanimation’,’direction’);  I’ll be adding more to this as I get requests from coworkers, but this works for our needs right now. You can repurpose this and change it to a CSS name, and use it as well to animation CSS named things.

    Code:
    https://jsfiddle.net/fh0c27yy/

    It basically finds all the objects in a group and animates them together. We are using it to animate many ‘cards’ on a page, so it looks more flashy and less flickering between pages because we have less pages. This does work with Lectora Online 3 as well.

    This post has received 1 vote up.
    #301501 Score: 0
    Profile photo of Sergey Snegirev
    Sergey Snegirev
    Member
    contributor
    intermediate
    advanced
    friend finder
    lab member
    junior moderator
    advocate
    LUC16
    LUC16 Attendee
    wise owl
    335 pts
    @ssneg

    I wish GSAP (GreenSock) was an integral part of Lectora, this is how good it is!

    #301572 Score: 0
    Profile photo of Trav Owers
    Trav Owers
    Member
    beginner
    intermediate
    friend finder
    advanced
    junior moderator
    contributor
    2 pts
    @towers9815

    I don’t like to say this but I miss Storyline 2.0 (so Sorry). Lectora’s current animations are so PowerPoint 2004.

    Some great stuff there.

    • This reply was modified 3 years, 5 months ago by Profile photo of Trav Owers Trav Owers.
    #301578 Score: 0
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    115 pts
    @mnotermans5114

    Storyline2 lacks heavy on Javascript support, and with GSAP you can make any animation you need/want 😉

    #301584 Score: 0
    Profile photo of xithis
    xithis
    Member
    122 pts
    @xithis

    Yeah GSAP is awesome.  I’ve updated to code to account for some other elements that arent accounted for earlier (forms in particular),

    https://jsfiddle.net/fh0c27yy/2/

    I’ll put together some Lectora specific examples after I’m done with this project.  But these work in lectora too:

    https://greensock.com/?example=sortable-grid-using-draggable

    https://greensock.com/multipletextshadows

    #306487 Score: 0
    Profile photo of Daniel Carroll
    Daniel Carroll
    Member
    beginner
    intermediate
    friend finder
    advanced
    contributor
    curious george
    wise owl
    1 pt
    @dcarroll3658

    <h1>Hi Sergey</h1>
    When you get a chance are you able to send through some instructions on how you got the simple Greensock Draggable java to work in Lectora. Did you add the Draggable js file to the Title level – if so how did you do this. How was the js code placed for the text box. I have followed the instructions on the Greensock website but could not get it to work. All I want to do is drag an object around the screen.

    If you are able to assist it would be very much appreciate.

    Thanks

    Dan

    #306489 Score: 0
    Profile photo of Daniel Carroll
    Daniel Carroll
    Member
    beginner
    intermediate
    friend finder
    advanced
    contributor
    curious george
    wise owl
    1 pt
    @dcarroll3658

    Hi there

     

    Wow that look great. Are you able to break down where the various pieces of code go in Lectora?

     

    Thanks

    Dan

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.