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.

Nice and smooth camera/mouse wheel effect

Home Forums General Questions Nice and smooth camera/mouse wheel effect

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #14872
    Avatarbrice
    Newbie

    Hello everybody,

    I surfed on the web and found this website dedicated to 3D WebGL :
    https://naker.io/scenes/caval.html

    What do you think about this nice mouse wheel scroll effect coupled with a bottom screen progress bar, personnaly I think it’s pretty well presented. Is it possible (simple?) with verge3D to play animation’s frames with scroll events ?

    cordially !

    #14879
    Yuri KovelenovYuri Kovelenov
    Developer

    Hi,

    We haven’t exposed the deltaY property in the get event property puzzle but it will be there in the next Verge3D update. :)

    3D Verger, the CEO
    LinkedIn | FB | Twitter | VK | 新浪微博

    #14883
    Avatarbrice
    Newbie

    Hi Yuri,
    deltaY property ? …it sounds complicated ;-)
    In this demo, I am especially impressed by the smooth transition between camera key frames when the user scroll. It’s a good thing for V3D that you expect this kind of features/effect in the next update ;-)

    #14996
    CrunchCrunch
    Licensee

    Hey brice,
    It’s actually pretty simple, see my post and puzzle screen shot here.
    https://www.soft8soft.com/topic/verge3d-2-12-1-maintenance-update/#post-14994

    I created a simple 240 frame camera animation (with keyframe every 40 frames) and gave the user the option to activate each of the 6 segments of the animation forward or backwards depending on scrolling up or down. Basically vey similar to the example you posted.

    I also put an option box where you can change things a bit to where you your scroll wheel will move through the animation frame by frame.

    https://cdn.soft8soft.com/AROAJSY2GOEHMOFUVPIOE:04931cc0ad/applications/mousewheel/mousewheel.html

    Observations: the default option, scrolling to activate different segments of animation (I had a keyframe every 40 frames) plays rather choppy the first time through but then gets smoother second time around. I remember reading an old thread about ‘prerendering’ onload so the animation plays smoother first time through. Anyone familiar with this please provide your input.

    The second option, scrolling through 1 frame at a time, has very jerky playback.
    I think now the reason for that might be how I setup the animation (i am not very good at blender or animations in general). I added a ‘track to’ camera constraint (fyi, the camera mode was set to no-controls) to an empty to help keep the camera looking in a general direction as moved it through the scene dropping the occasion keyframe every 40 frames. I never removed the track to constraint. I would imagine that was causing some of the jerky movement. I will create another example but this time ‘bake’ the animation and remove all constraints before exporting.

    source puzzles attached

    Attachments:
    You must be logged in to view attached files.
    #27911
    Avatardoehlma
    Licensee

    Hello Crunch,

    I´m since some month Blender user and also Verge3D….

    I have actual a camera animation in Blender 2.82.. BUT I am not able to
    transfer and build it up in Verge3D :-(

    If I send you the file.. is it possibe that you support me with this issue ?

    I hope the best on your answer ..

    Best regards,
    Marcus

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

You must be logged in to reply to this topic.