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

Parallax scrolling website

Home › Forums › General Questions › Parallax scrolling website

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • 2019-10-11 at 4:14 pm #20090
    scalare
    Customer

    Hello, I’m working on a site that I’d like to include a 3D scene, and I’d like to control the camera rotation/movement along a path based on how much you have scrolled the page. The 3D scene would be have position:fixed in the CSS code, so that it is always visible, and other elements in the page would move following the scrolling, but I’d like the 3D scene to rotate and move following the scrolling too.

    Any ideas/examples of how I can accomplish that? Should I create a path for the camera to include, say 100 frames, and make it move one frame at a time every time I scroll 1% in the page? How would that be done through the puzzles?

    Thank you!

    2019-10-13 at 8:14 am #20132
    Yuri Kovelenov
    Staff
    scalare wrote:

    make it move one frame at a time every time I scroll

    there is a puzzle for that https://www.soft8soft.com/docs/manual/en/puzzles/Animation.html#set_animation_frame

    not sure about scrolling, probably you need to use javascript

    Chief 3D Verger | LinkedIn | Twitter

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