Jump to content
GreenSock

martis last won the day on July 28 2012

martis had the most liked content!

martis

ShockinglyGreen
  • Posts

    212
  • Joined

  • Last visited

  • Days Won

    1

Posts posted by martis

  1. Hello,

     

    I am looking to have an animation only scrub in one direction. I am running into an issue with loading and having its start and end points jump around. Or it will appear higher on the page, then as images above it load, it pushes it down, but will not reset correctly using the example here:

     

     

    Is there a method I should be looking at like `refresh()`?

    See the Pen abZjjNr by GreenSock (@GreenSock) on CodePen

  2. Ok removing my old types seemed to of worked. Lemme see if I can get things typed correctly :)

     

    This is working...

     

    const tl = React.useRef<GSAPStatic.Timeline>();
    tl.current = gsap.timeline({ paused: true });

    How does importing easing look like in 3.0?

     

    Nm... I see you can just now use them as string

     

    ease: "expo.inOut"

     

    This is great, thanks all!

    • Like 2
  3. Hi all,

     

    I installed 3.0.1 and am having some issues importing while using Typescript.

     

    import { gsap } from "gsap";

     

    [ts] Module '"gsap"' has no exported member 'gsap'.
    import gsap

     

    I was previously using @types/gsap. Do I need to update these definitions somewhere?


    Thanks!

  4. Hi all,

     

    Working with a gsap timeline in react as a `useRef` and wanted to know the best way to go about handling resize.

     

    Right now I am remaking the timeline on resize, but I am having to record its current progress and set it back to that progress if the animation is currently running.

     

    Is there a better method than totally remaking the timeline to "update it on the fly" based on new screen dimensions without using xPercent, yPercent?

  5. Hi guys,

     

    Been working on transitioning some things over to Vue (nuxt) and am getting this error with SplitText... seems to be something with _slice and _split functions?

    Pretty sure what I am trying to split is not undefined :)

     

    client.js:531 [nuxt] Error while initializing app TypeError: Cannot read property 'length' of undefined
        at _slice (SplitText.js:142)
        at _split (SplitText.js:497)
        at webpackJsonp../assets/js/libs/greensock/SplitText.js.pkg.SplitText._globals.SplitText.webpackJsonp../assets/js/libs/greensock/SplitText.js.p.split (SplitText.js:545)
        at new webpackJsonp../assets/js/libs/greensock/SplitText.js.pkg.SplitText._globals.SplitText (SplitText.js:121)

     

  6. Hi all,

     

    Know there are many posts about this, but things change overnight.

     

    I am using Nuxt.js for Vue and have been playing around with a variety of ways to implement GSAP.

     

    from Import, to vendor bundle, to plugin...

     

    Wanted to know what everyone thinks is the best route to go these days knowing I like to include a lot of the extras!

     

    Thanks!

  7. Hi all,

     

    Need advice on a general approach. Just started using Vue (nuxt). I’m building a site with say three components. Scene1, scene2 and scene3 inside a Site component. I want to keep the animation for each scene contained within the component Vue file. I then want to create a master timeline in Site that I can control as a user scrolls. 

     

    I know how to create timelines and add timelines to other timelines, need advice on how I do it within Vue.

     

    Curious if any Vue experts have advice on how to create the timelines in each component then merge them in a parent Site component. Or if this approach is bad :)

     

    thanks!

  8. I want to use a stroked path as a clipPath for an SVG image so that I can animate the stroke on revealing the image underneath....

     

    Everything I try seems to still use the fill area, even though fill is none..

     

    Anyone know if this is possible?

     

    Thanks!

  9. Hi Carl,

     

    I am trying to avoid having to write a line of code for each property....

     

    TweenMax.from(sprite.position, 5, {z:40});
    TweenMax.from(sprite.scale, 5, {y:2});

     

    and write it in one line...

     

  10. Hey guys,

     

    Sure this has been answered but I am having trouble finding an answer.

     

    Working with Three.js and want to condense my tweening.

     

    I remember reading about a new way to tween values of properties in one tween.

     

    This... 

     

    TweenMax.from(sprite.position, 5, {z:40})

     

     

    versus...

     

    TweenMax.from(sprite, 5, {position:{z:40}})

     

×