We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Ok, I Agree

Scroll bar for all animations ( for explode view with 10+ sequences)

Home › Forums › Puzzles › Scroll bar for all animations ( for explode view with 10+ sequences)

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • 2024-10-01 at 4:11 pm #77750
    iren
    Participant

    Hi Dear Community,
    My desire is to implement the scroll bar for all animations. I wonder if my solution could be this time bar ( on attached screengrab)that potentially could be modified to an interactive scroll bar?
    Do you know how I can modify it?

    • This topic was modified 2 months, 3 weeks ago by iren.
    Attachments:
    You must be logged in to view attached files.
    2024-10-01 at 10:52 pm #77755
    xeon
    Customer

    is your scroll bar an HTML element or a 3D object?

    Xeon
    Route 66 Digital
    Interactive Solutions - https://www.r66d.com
    Tutorials - https://www.xeons3dlab.com

    2024-10-01 at 11:47 pm #77757
    iren
    Participant

    I don’t have one yet, but it is my goal to create one and I think of html so I can puzzle it with animation.
    I used the example project(http://localhost:8668/applications/industrial_robot/index.html) for the reference. I am new here and appreciate any advice.
    Thank you!

    2024-10-02 at 7:04 am #77758
    David Duperron
    Customer

    Hi @Iren!
    In the provided example (industrial robot) the scrollbar is a HTML element (ID = anim_navig_indicator), and its “left” style attribute is controlled every frame by the animation frame. See the puzzles below:
    Animation puzzles
    You could also use a HTML range input in your interface, and use the “input.value” to link it the the animation frame (for example you add an input event puzzle, attached to this range input, and you add an animation puzzle in the “do” slot to go to the desired frame of the animation.
    Input puzzle

    2024-10-02 at 7:09 am #77759
    David Duperron
    Customer

    Another example of animation controlled by the user is the E-Learning demo application (see E-Learning App).
    This time all the interface is in 3D, no HTML here.
    I think this one is a very good start for understanding this type of user-controlled animation.

    2024-10-08 at 5:17 pm #77862
    iren
    Participant

    Thank you so much for the advice, it worked 100%. I t took me almost a week :yahoo: to learn and test this demo. :-) but at least I know the direction for the development…

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.