Victor Work

Hello Gsap'ers I'm trying to cheer up a value, but I can not. Test to animate in Mousemove, it seems to work perfectly, however in the Tween I am not getting Can someone help me? Line 27.

Hello guys, I'm trying to make an infinite scroll based on that reference: (This site). But I have not tried in some ways to leave the scroll smooth, with ease, but without much success, is there a way to do this through tl.progrees ()? Any help will be very valuable. Thanks

@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] 👏 @elegantseagulls Very Thanks ^^ @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. ☺️ @Dipscom Thank you very much, I will not go any further. E muito sucesso para nois. sempre! hahahha

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.

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")) }

I believe this effect has been done with a WebGL library, it can be ThreeJs or PixiJs. This site was made by one of the members @jesper.landberg here of the forum. But you can use GSAP to animate the values that the Distortion Filter animation performs.

You're completely correct Blake, I need to study the vanilla and so increase my level in javascript. I'm going to be a fan of your recommendation, and I'm going to study those thoughts that you sent me, I'll soon be back on the topic with a demonstration that will make you proud. 😎

Blake, I confess that I'm analyzing your pen for about 20 minutes and I came to the conclusion that: Either I'm very new to JavaScript or you're very advanced ... But I think it's both options, lol. hahaha Could you make a simplified version with proxy and update progress animation using this pen I did? I would be very grateful, because this your slider pen is God level.

This is exactly what I would like to do, synchronize an event (can be the MouseWheel) with Draggable. I do not know how I could do this, but there is a website (https://www.brontidebg.com/) that has a very similar effect to what I want to do. Note that page navigation happens with Scroll and Drag. I do not know how far this is feasible or possible, but I think it would be a good feature for Draggable

Hello Blake, How are you? First of all thanks for the demo, but I really need something that simulates the drag of draggable to be able to trigger on a gift event, as does the jQuery .trigger(). $el.mouseenter(function(){ this.trigger('Dragabble','left'); }) Is there a way?

Hello friends, I would like to know if there is a way to simulate the Drag on event using Draggable. I need to activate MouseWheel down to simulate drag to the left, and when activating MouseWheel up simulate the drag to the right.

Hello @LoBusker I've been in this same situation as you, I really like the GSAP + PixiJs junction and I also decided to venture using both. When I was learning I made a Pen, commenting line by line and in the end has a small demonstration of how to use the PixiPlugin of GSAP, Already do a lot of cool things using the filters as demonstrated by @OSUblake I hope it helps you in some way:

@PointC Very Thanx 😊 but great @Sahil, a prodigy of the GSAP, has no way of competing with him. Especially when typing like this (me in case):

Hi @kresogalic You can use the same method, you just need to add the animations in a hover function. If you do not use pug, I put as a comment the html structure used. Show us how it turned out. 😊

Thanks Jack, but now there are only 900 likes left. hahahaha It is not very easy which shows how much you are all dedicated to helping Forum members.