Jump to content

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

OSUblake last won the day on December 26 2019

OSUblake had the most liked content!


  • Content Count

  • Joined

  • Last visited

  • Days Won


OSUblake last won the day on December 26 2019

OSUblake had the most liked content!

Community Reputation

11,517 Superhero

About OSUblake

  • Rank

Profile Information

  • Gender
    Not Telling

Recent Profile Visitors

20,611 profile views
  1. Creating noise is just like calling a random function. The difference is that values won't vary as much, resulting in a more natural look. It's great for generating stuff like waves or terrain. Just a random Codepen I found that uses noise to generate waves. https://codepen.io/soju22/pen/PLeLwo
  2. That's the audio levels, but you can probably fake the values. Try searching for simplex and perlin noise. It can be used to create naturally random looking patterns.
  3. Just use the TextPlugin. https://greensock.com/docs/v3/Plugins/TextPlugin gsap.to("#gsap", { duration: 1, ease: "none", text: { value: "0 1 2 3 4 5 6 7 8 9 10 11 12 13...", delimiter: " " } });
  4. It's working correctly. I think your understanding of how animations work is a little off. An animation will update about every ~16.67ms, so the chances of it updating on every number change are practically 0. You would have better luck playing the lottery. To get it working like you want might take some work. You will need to make sure a number is not already in the array, and fill in any missing numbers between the last number in the array and the current number.
  5. The type needs to "cubic", and a cubic bezier needs a starting point. https://codepen.io/osublake/pen/f79dc245b16afad5b9710cebc8326d3c
  6. Having a prng would complicate the random api a lot. Here's a good library for that. https://github.com/davidbau/seedrandom And some videos showing how to make your own.
  7. I think the compiler is complaining about the conditional types, which is a feature that was added all the way back in version 2.8 (March 2018). https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-8.html Try installing a newer version of TypeScript, to at least version 2.8. If you can't install a new version, then comment out random functions in the gsap-utitls.d.ts file.
  8. Heck yeah!!!! I'd say it's better than a college degree. I learned more about programming from Keith Peters than I did from all my years in college. I can't thank thank that man enough for his work. 🙏
  9. Hey @jonkwheeler I'll be sure to check it out next week. Unfortunately, I'm limited to mobile ATM. 😢
  10. It works in all modern browsers. https://caniuse.com/#feat=intersectionobserver For those who think supporting IE is a good idea, there are polyfills. https://github.com/w3c/IntersectionObserver Well this is a gsap forum, so I'm of course including gsap as a library. But you don't need any scrolling libraries when using the intersection observer. That kind of defeats the whole purpose.
  11. 1) Use the intersection observer. It's a browser feature, not a library, so it performs better. 2) See #1
  12. The most performant way to do that is with the Intersection Observer API. https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API You can toggle the play and paused states of an animation based on if an element is visible. If you search around the forums, there are plenty of example of how to do this.
  13. More direct link. https://github.com/jonkwheeler/ScrollMagic/blob/99339d953a10e2ebc814675521cd9f73c707e5bf/dev/src/plugins/animation.gsap.js Raw https://raw.githubusercontent.com/jonkwheeler/ScrollMagic/99339d953a10e2ebc814675521cd9f73c707e5bf/dev/src/plugins/animation.gsap.js
  14. I already posted this link. https://github.com/janpaepke/ScrollMagic/pull/920 Secret, magic fixes are inside. That's all I have to say.