gsap

0热度

2回答

所以我现在正在花一点时间学习和探索GSAP（Greensock动画平台）。我想知道是否有可能为一个特定的重复元素有一个值的数组。这是我的Tween看起来的样子; TweenMax.from(blink, 0.2, {repeat: -1, scale: 0, ease: Power1.easeInOut, repeatDelay: 3}); 现在我想知道是否有可能有元素“闪烁”，有一个3秒钟的

1热度

1回答

错误：在使用Angular CLI与ScrollMagic和GSAP时无法解析'TweenMax'

我正在尝试将Scrollmagic插件与Angular CLI集成。不过，我得到这个错误： ./~/ScrollMagic/scrollmagic/minified/plugins/animation.gsap.min.js Module not found: Error: Can't resolve 'TweenMax' in '/Users/../project/node_modules/Sc

0热度

1回答

Angular2和TweenMax - 无法在'窗口'上执行'scrollTo'：参数1（'选项'）不是对象

我有一些问题。我想创建按钮，将整个页面滚动到顶部。这是我的代码。 app.component.html <p>lorem...</p>  <div (click)="scroll()">Scroll to top</div> app.component.ts import { TabHeaderComponent } from './components

0热度

1回答

Vue.js：JS-动画钩与GSAP - 离开动画不工作

我想用输入/在vue.js离开过渡，使用内置的JavaScript挂钩转变： https://vuejs.org/v2/guide/transitions.html#JavaScript-Hooks 我的动画选择的库GSAP：https://greensock.com/ 两个，我进入功能enter: function(el, done) {}和我的离去，功能leave: function(el,

0热度

2回答

Ionic项目中的GSAP

如何将GSAP库导入到Ionic项目中。刚开始使用NPM安装GSAP当我输入通过 import { TweenMax, TimelineMax} from "gsap"; 我用的打字稿不起作用。感谢

0热度

1回答

使用阵营TransitionGroup，GSAP和MobX重新呈现相同的组件

我有一个渲染使用各种UI组件的各种问题到屏幕的一项调查显示，等反应中的应用。然而，调查的性质是许多问题使用完全相同的部件重新呈现。例如，“A/B选择器”或“清单”。我想要实现的是每个组件，无论它是第一次被重用还是挂载到DOM，都会从底部淡出 - 一旦用户选择了淡入淡出回答。下面是使用五个问题一个非常基本的例子，一个小盒子： import React, {Component, PropType

0热度

1回答

GSAP：如何同时补间嵌套属性

我有一个Camera类，它有两个我想同时动画的属性。我想动画它的distance属性（它是一个数字）和rotation属性（它具有x, y, z元素）。我已经尝试以下操作：尝试1： TweenLite.to(this.camera, 1.0, {distance: 30, rotation.y: 10, rotation.x: 50}); 尝试2： TweenLite.to(this.cam

0热度

1回答

如何使用GSAP动画/停放自上而下的汽车

我只是尝试使用GSAP库TweenMax和TimelineMax进行一些操作。我想要完成的是一个90度角的汽车停车场。但我不确定需要什么样的数学才能使它看起来真实。我已经有了这个小提琴，我尝试了一个转弯，但它看起来更像是汽车在漂流。有什么建议吗？ timeline.to(car, 2, { x: "-=300", y: "+=300", ease: Linear.easeNon

1热度

1回答

ScrollMagic与GSAP ist滞后

我想使用ScrollMagic与GSAP和TweenMax为基于滚动的动画。我在过去使用过ScrollMagic的一些经验，并且总是可以正常工作。这一次，动画非常缓慢，debug.Indicators也是如此。这是我的例子： https://codepen.io/jonasloerken/pen/NvXyWW 这是一个国外的例子有流畅的动画效果：https://codepen.io/hdavti

2热度

1回答

NPM/Webpack无法正确加载GSAP TimelineLite

我正在重构并在生产应用程序上运行清理，并优化了依赖关系。我们有一个React组件，它使用GSAP处理一些与转换相关的东西，但只有TimelineLite库。这些都是简单的东西，没有任何困难或任何事情，所以我们不需要任何更复杂的GSAP项目，现在可以将它们擦除以优化。最初，我们只是通过NPM进口全GSAP库，像这样： import 'gsap'; ％的GSAP NPM文档（https://www