Jump to content
Search Community

Victor Work

Members

  • Posts

    127

  • Joined

  • Last visited

 Content Type 

Posts posted by Victor Work

    ScrollTrigger.batch() Help

    in GSAP

    Posted

    Hey Guys,
    I'm getting a weird behavior (probably in my end) using ScrollTrigger.batch() as you can see on the pen attached (you may need to open Codepen's link), when you scroll it the animation get scrambled and doesn't run in the right order.

    What's exactly am I doing wrong here?

    Thanks in advance.

     

    See the Pen qBqqzqb by victorwork (@victorwork) on CodePen

    ScrollTrigger resizing issue:

    in GSAP

    Posted

    @ZachSaucier
    Thanks for helping me out... I appreciate it.

    Seizing the opportunity... a quick question. 
    Is there a way to fire a animation on ScrollTirgger before the elements enters on the viewport?
    Something like this:
      

    ScrollTrigger.batch(this.unwrapTexts, {
    onEnter: (elements) => {
        gsap.fromTo($(elements).find('.wrapped-p'), { yPercent: 140 }, { duration: 4, yPercent: 0, ease: 'expo.out', stagger: .06 })
    },
    start: 'top 110%',
    once: true
})

    Thanks in advance.

    GSAP SMOOTH SCROLL + SCROLLMAGIC Bug

    in GSAP

    Posted

    Hey @Nolla, I saw your private message, so I decided to answer on the forum because it may help others. 
    I'm not aware of how you've handled your Smoothscroll, but I would say that your problem could it be related to callback timing.
    Probably you're calling the smooth scroll before the browser get the correct size of the document. 
     

    You maybe need to put some preloader on images and call the smooth scroll after browser get it done, or put fixed size for all your elements so, or (more complex) create a lazy load function on your images and recalculate your smooth scroll every time the browser changes the height.
     

    Seizing the opportunity I also suggest you use ScrollTrigger instead of ScrollMagic, so much more benefits and better performance.

    Good Luck.

    • Like 3

    Use my own scroll value with ScrollTrigger?

    in GSAP

    Posted

    @ZachSaucier Thanks for the quick reply.
    Actually I've been doing a couple of stuff synch the GSAP animations and the SmoothScroll(made by @jesper.landberg) and I'm wondering if is the new ScrollTrigger is compatible to fire/handle  the animations with the SmoothScroll
    Examples:

    001:

    See the Pen vYLBoxK by victorwork (@victorwork) on CodePen



    002:

    See the Pen WNreVjM by victorwork (@victorwork) on CodePen



    003:

    See the Pen pogzMWO by victorwork (@victorwork) on CodePen

    • Like 3

    Thanks Greensock | SOTD & DEVELOPER on Awwwards. ??

    in GSAP

    Posted

    On 1/25/2019 at 5:01 PM, GreenSock said:

    Wow, you win the "most encouraging post of the day", @Victor Work! Very nice work indeed. And I love hearing about how our forums (and GSAP) played a small part in your success. Coming from Muse and not knowing HTML/CSS two years ago...you've come a long way indeed! I hope you'll stick around and keep helping others in the forums, as we need more folks like you who understand what it's like to be intimidated at first and then bring yourself all the way to being a recognized expert. In my experience, guys like you have an empathy that comes across in your answers which is much different than other communities where "experts" seems to belittle people with less knowledge. I love how our forums have such a different flavor (friendlier). 

     

    Congrats on the recognition and success! [high-five]

     

    @GreenSock
    Thanks for the words Jack, and I believe you have used the correct term: Empathy.
    It is very important to know the path you have taken and how you have managed to evolve
    looking back and helping people who also want to move forward.
    You can count on me, I'll always be here.
     [high-five] ?

     

     

     

    On 1/25/2019 at 6:05 PM, elegantseagulls said:

    @Victor WorkCongrats! Beautiful site!

    @elegantseagulls Very Thanks ^^

     

     

     

    On 1/25/2019 at 6:07 PM, Carl said:

    Congrats on the awards. It's really cool to see how much you have learned and applied to your work. Thanks for the nice post I'm sure the folks who have helped you along the way will appreciate it.

    @Carl 
    I believe that success is in recognition, and I want to acknowledge everyone who helps me.
    Thank you for the words

     

     

    @mikel Thanks Broo.  ☺️

     

     

    On 1/25/2019 at 8:08 PM, Dipscom said:

    Well done, mate. Don't downplay your own efforts and diligence.

     

    Muito sucesso e parabéns pela conquista.

    @Dipscom
     

    Thank you very much, I will not go any further.
     

    E muito sucesso para nois. sempre! hahahha

    • Like 2

    Thanks Greensock | SOTD & DEVELOPER on Awwwards. ??

    in GSAP

    Posted

    Hello everyone,
    This post is going to be one of those a little long and for those more busy and timeless it is about:
    A person who had a dream and when he reached resolve to thank the people who helped reach that goal.
     

    Well let's go then:
    First, this was my first post on the forum:
    https://greensock.com/forums/topic/16437-animation-scale-left-to-right/

    And on this date I still used Adobe Muse to make a website because I did not know anything about HTML / CSS,
    but I already wanted to be good, make sites cool, cool and one day I could gain recognition at Awwwards,
    so if you go see this post will see that mention a site that had just won this recognition.
    But it was impossible to win not knowing HTML and CSS, so I started to study and learned everything by scouring the internet inside,
    but something I was sure, to get there I would need to master doing Animations,
    so every day I needed to understand how it worked the GSAP.


    I was studying and creating new challenges and whenever I tried to do something and did not find the solution on the Internet,
    I was obliged to ask in this Forum, and at no time did I leave here without a useful answer, ready for me was very clear,
    I had found a source for learning and for evolution.

    So know that this is how I and many people see this forum.

     

    So after less than 2 years of many studies and many questions I finally decided to run my dream that was to gain a recognition at Awwwards,
    and to my surprise I did not only won as a Site of the Day but also the Developer award.
    A reason for much satisfaction and pride, and I certainly could not without the support,
    help of this incredible community, who always welcomes and helps everyone who comes here to seek a light for their goal.

     

    So thank you to all of you and as a form of gratitude and recognition
    I made a point of mentioning in the thanksgiving session of my website (http://victor.work) on the page about,
    because it is also conquest of you. (and also mentioned GSAP FORUM in my hobbies)
    So through all this I would like to let you know that you provide a very important role for the web community,
    a tool that we can evaluate as perfect and yet I see you doing the best and working hard to perfect it even more.
    Guys you are very importants.

     

     

    I'll leave the recognition link here at Awwwards:
    https://www.awwwards.com/sites/victor-work-folio19

    Anyway, this is it:
    Thank you very much indeed, you guys are awesome.

    • Like 11

    .set() for a custom attribute is not working

    in GSAP

    Posted

    Hi @tagger, 

    try this:

      

    var midi_tl;

function ff()
{
  document.getElementById("__midi").setAttribute("fan","1");
  midi_tl = new TimelineMax({paused: "true"});
  midi_tl.set(document.getElementById("__midi"),{fan:"1",width:100})
  midi_tl.play();
  console.log(document.getElementById("__midi").getAttribute("fan"))
}

     

1
2
3
...
5
Page 1 of 5  
×
×
  • Create New...