Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

qqignatqq

Members
  • Content Count

    51
  • Joined

  • Last visited

Community Reputation

5 Newbie

About qqignatqq

  • Rank
    Advanced Member

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Oh, hello. I opened the source code for gsap, but I never figured out how the opacity animation works. gsap.to("object", 1 , {opacity:0, ease:Expo.easeOut}); What was this code supposed to look like in native JavaScript? This code will just make the object transparent, but it will not make it smooth: document.querySelector("object").style.opacity = 0; I assumed it might be "setInterval": however, I didn't find any lines with "clearInterval" in gsap code Here's what I was able to do... https://jsfiddle.net/eymw4o6j/2/ I couldn't figure out how to put an operator in a variable, that is: if the current transparency value is less than the required one, there will be an operation: objOp = objOp + nTime; and if it's more, then..: objOp = objOp - nTime; the only thing that came to my mind was to make "if" and make 2 options setInterval for each option... I didn't understand at all how ease works... So, does it change the step? How did you guys make gsap? It's unrealistically cool and beyond my comprehension. p.s. considering what I wrote, it becomes fantastic for me to have this command: gsap.to("object", 1, {y:10, ease:Expo.easeOut});
  2. Hello again. Can you tell us how to implement the same animation in pure JavaScript? I'm trying to repeat the action, but it doesn't work. Help me, please. The problem is the same as it was with gsap - the animation does not repeat itself if you click quickly several times. var playShowMsg; function myShow() { clearTimeout(playShowMsg); document.querySelector(".transition").classList.remove("showmsg") playShowMsg = setTimeout(function(){document.querySelector(".transition").classList.add("showmsg");}, 0); playShowMsg = setTimeout(function(){document.querySelector(".transition").classList.remove("showmsg")}, 2000); } https://jsfiddle.net/kf06dc5w/
  3. 6%? What? Wait, you have 6% where it shows? In Task Manager? Or the Perfomance monitor in your browser? If you have 6%, I would venture to assume that you just have intel i9-9900KS. Yeah, I tried to use that. It didn't help. I tried, but it didn't help, but thank you for that, because I didn't know about xyPercent before. I'm not allowed outside. I have 20 of those blocks on my website. Only if you prescribe a separate animation for each block, but I don't think it'll help much. How can "this" load the CPU so much?
  4. Hello. I am animating, but I am observing a high load on the CPU. The essence of animation is as follows: when you hover over a block, the main image should approach and when you move the mouse on this block, the image should also move. video: https://yadi.sk/i/XfepvkILc7_0oA https://jsfiddle.net/j5bcuar3/5/ 1. Why is the CPU loaded? After all, as I understood, at animation the CPU should not be loaded. 2. Hint, is it possible somehow to optimize this animation to reduce the load a little bit and increase the smoothness?
  5. Hello. I really like the smooth scrolling that OSUblake did. But I ran into a problem: my "position: sticky" doesn't work. I understand that it has to do with the fact that the Smooth Scroll animation itself works thanks to a fixed block. And the scrolling itself is an imitation. Quote: Can you tell me if there's any way to solve this problem? https://jsfiddle.net/9amfw36d/2/
  6. I haven't studied threejs, but I've heard of him. The problem is to implement this: https://threejs.org/examples/?q=wav#webgl_points_waves you have to drag all threejs with they modules, which doesn't look very productive. All I need is this point animation, not the whole threejs...
  7. Hello. I found this kind of animation on the Internet. I have a feeling it's hanging a little. Can you tell me if it's possible to optimize the animation with GSAP or I don't quite understand the purpose of GSAP? https://codepen.io/H2xDev/pen/bJNNEX
  8. Bug. It's not always the cursor that appears. https://yadi.sk/i/ej_YxD89eVx-xg
  9. Hello. I'm using a small script to change the cursor. Tell me how to make that after refreshing the page, the cursor is set to the previous position. I assumed could use a cookie, but it didn't work out. This line just interrupts my code: gsap.ticker.add(update); https://jsfiddle.net/79pyjgsb/2/
  10. ok... backdropFilter: "blur(10px)",
  11. Hello. Tell me, is it possible to animate the background with gsap backdrop-filter: blur?
  12. I was sitting there trying to figure it out, but as it turned out))) Really, it is. The last block is block 8, but the next block is block 9, i.e. 8+1. Thank you!
  13. I just exaggerated to make it clearer, but on the contrary, it turned out that you didn't understand))) See: https://jsfiddle.net/1pqdnm9c/ After pressing the button, the animation will start only after 1.5 seconds.
  14. Thank you, ZachSaucier!!! How to remove the delay at the very beginning of the animation? If you set "Stagger" to 5, the animation will start after 5 seconds. Is it possible to remove this delay?
  15. Hello. I wanted to make sure that the new blocks appear alternately, where each block appears before the previous one's animation ends. Or did I misunderstand the work of "stagger"? I either get the blocks to appear at the same time or after the previous block's animation is over. https://jsfiddle.net/onhmy1st/4/
×