Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #308495 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
    118 pts
    @mnotermans5114

    Hi all,

    Working on creating reusable animated elements. In the end i will make them available to the community.
    Please let me know what kind of elements you all would want/need.. then i can take these along the ride..

    Kind regards,

    Math

    #308682 Score: 0
    Profile photo of Heidi Strangberg
    Heidi Strangberg
    Member
    beginner
    intermediate
    contributor
    lab member
    verified member
    friend finder
    advocate
    curious george
    wise owl
    LUC17 Attendee
    3 pts
    @heidi

    Hi, I am interested in some kind of fireworks animation to put on the page that the user hits after successful completion of the test. Just something simple, not a grand finale. Do you have anything like that? thanks, Heidi

    #308685 Score: 0
    Profile photo of Laura Gillenwater
    Laura Gillenwater
    Member
    contributor
    advanced
    intermediate
    friend finder
    verified member
    advocate
    wise owl
    profile
    picture perfect
    Group Member
    12 pts
    @tecocat

    Thanks for your generous offer!

    What kinds of “animated elements” do you mean? Do you mean visual animations of things, or do you mean interface elements, like fancy tab groups, slide shows, and such?

    How about some kind of note-taking feature that the learner could pop up at will and use throughout the course  (and even print out at the end)? (Not sure that’s an “animated element” though, although I suppose it could be one….)

    #308703 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
    118 pts
    @mnotermans5114

    Both noted, and might have or will add one 😉

    #308760 Score: 0
    Profile photo of Wendy Miller
    Wendy Miller
    Member
    beginner
    intermediate
    contributor
    advanced
    friend finder
    junior moderator
    wise owl
    profile
    verified member
    55 pts
    @wendymiller

    You rock, Math! 🙂  Can’t wait to see what you post!

     

    #308867 Score: 0
    Profile photo of switalba Switalski
    switalba Switalski
    Member
    beginner
    intermediate
    advanced
    contributor
    profile
    picture perfect
    Group Member
    curious george
    wise owl
    friend finder
    2 pts
    @switalba

    avatar talking; doors opening;

    #308946 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
    118 pts
    @mnotermans5114

    All noted, and on it. Especially switalba’s avatar talking i did have this in mind for quite a while. Have to find a solution where it will be easy to change/edit images and set timing for expressions on the face.. well definately a nice challenge… 😉

    #308997 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
    118 pts
    @mnotermans5114

    For ease for reusability the first of these animated elements im gonna make without the use of Javascript.
    Now i have an element that has 2 buttons in it… both with an over-state… so hovering over any of these, i want both overstates of the 2 buttons being triggered… i can change a state to active/disabled… but can i target the 2 buttons in any way in Lectora without using Javascript ?

    #309013 Score: 0
    Profile photo of Tim K
    Tim K
    Member
    contributor
    beginner
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    wise owl
    curious george
    Group Member
    307 pts
    @timk

    The only way I can think of would be to show the over-state as a separate image above the second button.

    Tim

    #309014 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
    118 pts
    @mnotermans5114

    Thx Tim…indeed my work-around too 😉

    #309785 Score: 1
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    118 pts
    @mnotermans5114

    https://community.trivantis.com/shared-content/3-animated-reusable-elements/

    Added 3 animated elements here.

    Enjoy,

    Matth

    This post has received 1 vote up.
    #309835 Score: 0
    Profile photo of Tim K
    Tim K
    Member
    contributor
    beginner
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    wise owl
    curious george
    Group Member
    307 pts
    @timk

    Very very nice, thank you!

    Tim

    #310691 Score: 0
    Profile photo of TRog
    TRog
    Member
    beginner
    intermediate
    curious george
    wise owl
    1 pt
    @TRog

    How about a card flipping animation.  Upon clicking the card, it would appear to flip horizontally to reveal text underneath.

    #310706 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
    118 pts
    @mnotermans5114

    Allright..think i do have a setup like that..have to see if i can make it easy reusable.

    #310829 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
    118 pts
    @mnotermans5114

    A card flipping setup shared here:

    https://community.trivantis.com/shared-content/cardflip-effect/

    This one uses 2 images to show…on frontside and backside.Offcourse you can use divs with content too, but then you need to play around with this setup and make that happen for your project…

    Regards,
    Math

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

You must be logged in to reply to this topic.