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.

Scroll event

Home Forums General Questions Scroll event

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #13674
    namtn89
    Customer

    Hi Verge3D

    Is it possible to do a website like the link below?

    Its basic a website where you scroll and the your model will animate. I think its clean and easy to show your users how your product work.

    Efficiency

    Thanks in advance

    /Nam

    #13680

    Hi,

    This looks very similar to our Teapot Heater demo. The rotating effect was achieved by using the tween camera puzzle.

    Chief 3D Verger | LinkedIn | Twitter

    #13689
    Crunch
    Customer

    Nam, here is one quick method to reproduce something similar.

    https://cdn.soft8soft.com/AROAJSY2GOEHMOFUVPIOE:ea7b2c37e4/applications/scrolltrigger/scrolltrigger.html

    I created a div block over the top of my blender scene (absolute position, 100% width, 100% height, opacity color 0). With that html element there, I can then use the “on event” of “wheel” to trigger the animations sequentially. The “wheel” event doesn’t return whether I scrolled up or down on my mouse (nor did the website in your example) so it moves sequentially from left to right. When it gets to the end, it moves back to the start.

    One thing to note about overlaying html over your 3d scene is you can no longer interact with your scene with the mouse (the html element, the div block here, covering 100% of screen, is in the way)

    You can switch back to control of your 3d scene by using the HTML set “display” = “none” for the div element, or setting the z-index to a lower number than the 3d scene canvas.

    #13779

    @Crunch thanks for advice and helping out! :good:

    Chief 3D Verger | LinkedIn | Twitter

    #18389
    hoody
    Participant

    Hey guys! is there a way to get the “wheel” event return wether i scroll up or down?

    #18390

    Yep, you can use the get event property puzzle for that:

    Attachments:
    You must be logged in to view attached files.

    Chief 3D Verger | LinkedIn | Twitter

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