Jump to content
Search Community

Consequence

Members

  • Posts

    5

  • Joined

  • Last visited

 Content Type 

Posts posted by Consequence

    Distorting a square (SVG) using draggable?

    in GSAP

    Posted

    Dear GSAP Community,

    I am currently facing a problem with a new project. I want to allow the user to freely warp a square element into some random shape. Just like we know it from graphic programs.

    Does anyone have an idea how to implement something like this? I have thought of a SVG element in connection with the Draggable plugin. Unfortunately I don't find any search results so far (which can definitely have something to do with my limited English skills).

    Cheers to all

    distorting-a-rectangle.gif

    • Like 1

    Inspiring HTML5 Banner Examples with GSAP

    in Banner Animation

    Single page framework with GSAP page transitions?

    in GSAP

    Posted

    Hello, everyone,

    even though the thread is a bit older, it deals with exactly my problem.

    I would like to hear your assessment: Is it mandatory to use a framework like vue, singular etc. if I want to use animations in a simple SPA?  I have built a very rudimentary project based on this tutorial: https://medium.com/better-programming/js-vanilla-script-spa-1b29b43ea475 It basically meets my requirements very well.  
    We use gsap in our agency mainly for banner advertising and are satisfied with it. But now I'm not really getting ahead with my limited JS skills. It is logical that I cannot animate the elements within the individual routes, because gsap cannot find the elements in the DOM. Do you think there is a way to animate single elements anyway? Is there for example the possibility to let a tween start only when the corresponding "page" is selected and all elements are found in the DOM? I am thankful for all food for thought ;)
    Best regards from Hamburg, Germany
    Patrick

×
×
  • Create New...