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