Jump to content

nicoladelazzari

Members
  • Content Count

    8
  • Joined

  • Last visited

Community Reputation

3 Newbie

About nicoladelazzari

  • Rank
    Newbie
  1. Hi @Dipscom, thanks for your help I really appreciate it. Everything is fine even if I have to add an es-lint custom rules on my component and delete a trailing space from the plugin file: <script> /* eslint-disable no-unused-vars */ import TweenMax from 'gsap/umd/TweenMax' import Draggable from 'gsap/umd/Draggable' import ThrowPropsPlugin from '~/assets/js/vendor/ThrowPropsPlugin' export default { mounted() { Draggable.create(obj, { throwProps: true }) } } /* eslint-enable no-unused-vars */ </script> Now it's working 💪
  2. Thank you for the answers! 😁 Now this is my situation: import TweenMax from 'gsap/TweenMax' import Draggable from 'gsap/Draggable' if (process.client) { require('~/assets/vendor/ThrowPropsPlugin') } response: 41:8 warning Using exported name 'TweenMax' as identifier for default export import/no-named-as-default 42:8 warning Using exported name 'Draggable' as identifier for default export import/no-named-as-default And the browser error is: Unexpected identifier What is going on?
  3. Hi Dipscom, thanks for your reply. I'm a bit confused and i've some questions: 1- ThrowPropsPlugin work together with Draggable, is that correct? Should I have to import both? 2- Draggable came from gsap free, ThrowPropsPlugin from ShockinglyGreen licence, Correct? 3- The correct version of ThrowPropsPlugin is inside folder bonus-files-for-npm-users/ or bonus-files-for-npm-users/umd/ ? Thank you
  4. Hi, this solutions is not working. I receive this warning: "export 'default' (imported as 'ThrowPropsPlugin') was not found in '~/assets/vendor/ThrowPropsPlugin.js' I've put ThrowPropsPlugin inside /assets/vendor folder and imported inside a component. What's wrong? nuxt v2.4.0 universal mode gsap v2.1.2
  5. Hi guys! Why Tween is not easing? I'm struggling on it! Tnx
  6. Hi guys! I'm trying to use ScrollToPlugin on a wheel event to move the page on a specific point. The issue appear when I try to add some ease. With ease Tween wait for the end of the event wheel and doesn't start at the start of the event. Beside without ease tween start when wheel event is fired. Tween without ease Tween with ease Thanks!
  7. Hi guys! I have some problem tring to animate some PIXI filters inside a timeline with other dom element animations. I provide a pen with an example of slider. My goal is to animate blur filter and dom element in the same timeline. The problem is that in swap Timeline tween with dom element tween doesn't start. swap .fromTo(blurFilter, SWAPTIME, { blur: 10 }, { blur: 0, yoyo: true }) .fromTo(canvasContainer, SWAPTIME, { scale: 1 }, { scale: 1.1, yoyo: true }) Any suggestions? Thank you