Jump to content


  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

899 profile views

blueblau's Achievements


Newbie (1/14)



  1. I forked it and made some adjustments so it, on desktop, feels like how it's on my phone. I love that effect. So meaningful. Credits @chrisgannon Do you know why this velocity calculation is different on the phone?
  2. Hmmm... oddly enough, the effect is not present on my desktop computer, as I guess your on as well, but on my phone it is. Superb effect.
  3. This was it @Carl! Exactly! Thanks a bunch. Thank you for your quick response, and great help. And @chrisgannon, stop making me feel like a complete amateur!
  4. Hi guys, I once stumpled upon an example using GSAP Draggable. It was a vertical slider that, when interacting, filled a flask/bottle with liquid. The slider knob had the slider value, and when you dragged it fast the knob would rotate, depending on velocity. I have searched and searched for this example, as I have thought about it a lot. Can any one find it? Much appreciated.
  5. I might have replied on the wrong thread, but saw multiple instances where people (including me) had difficulties with simply using the plugin in Nuxt. Not because of SSR, as such, but because Nuxt apparently doesn't allow ES6 imports. Just trying to help.
  6. The ZIP now includes src/bonus-files-for-npm-users/umd/CustomEase.js which you can put inside a local folder (/vendor/gsap/CustomEase in my example) and import that inside the component. import CustomEase from "../vendor/gsap/CustomEase"; And now works as intended.
  7. @bjn I can't get this to work. How did you include the util? I'm doing like this: import { TweenLite, TimelineLite, Power3, CSSPlugin } from "gsap"; import { Draggable } from "../vendor/gsap/utils/Draggable"; But I get the error you had about TweenLite still.
  8. Hi guys, Thanks for the replies I ended using Phaser.io as you recommended. What an amazing project. Thank you for your time.
  9. Hi guys, I'm about to make a game with at catapult/rubberband, somewhat like Angry Birds, but only vertical and not horizontal. You need to hit flying objects that "rains" down. I'm in the research phase right now, and I am thinking about using GSAP with it's Physics 2d, instead of going all out physics and using something like Matter.js. Do any of you have experience in using GSAP for games with Physics? I still haven't decided if I want to use DOM notes or Canvas.
  10. Hi guys, I have a timeline that animates between two classes. It works like a charm with the styling I've used so far, but it can't animate `scale3d`... Do you guys know if this is a known bug, or is there a known workaround? EDIT: I used Gulp with an automatic venderprefix, but I tried to add the vendor-prefixes manually and that worked.
  11. For crying out loud! I suck at this Thank you!
  12. Thank you! However, I have an issue where I'm trying to animate multiple elements at once. One works, but the second doesn't. I tried to add the CSS tween to the timeline in a different way, like the Greensock Timeline example with the Space Invader ghosts, but I think I'm doing somehting wrong, or doesn't it work with the cssPlugin? http://codepen.io/Blueblau/pen/VevrdP
  13. You are THE man! The link to the end result is here: http://codepen.io/Blueblau/pen/VevrdP
  14. Hi guys, I'm pretty new at GSAP, and I'm trying to control a timeline that tweens two classes. So what I am trying to achieve in my own Codepen linked to this post, is to control the timeline with the "progress" function. I can't wrap my head around how this is done. What am I doing wrong? The class tween example http://codepen.io/GreenSock/pen/b128c65e197e46dfa8a980d229c45114 Timeline example http://codepen.io/GreenSock/pen/zinsg