greensock

0熱度

1回答

上多，隨之而來的充斥着我的動畫一個div的位置，然後再返回到它的起源有不同的輕鬆： var anim_a = new TimelineMax().to($(".mybox"), 3, {x: 400}).stop(); var anim_b = new TimelineMax().to($(".mybox"), 1, {x: 0, ease:Bounce.easeOut}).stop();

0熱度

1回答

GSAP在一個函數中暫停動畫

我有一組按鈕，點擊時會顯示一種彈出式和一些簡單的動畫。每個彈出窗口都包含大部分內容的相同動畫。每個彈出窗口也有它自己的一組動畫，所以我已經完成了以下工作以使其正常工作。 $gridTitles.click(function() { const tl = new TimelineMax(); const $pop = $(this).next('.grid__pop');

0熱度

1回答

使用陣營TransitionGroup，GSAP和MobX重新呈現相同的組件

我有一個渲染使用各種UI組件的各種問題到屏幕的一項調查顯示，等反應中的應用。然而，調查的性質是許多問題使用完全相同的部件重新呈現。例如，「A/B選擇器」或「清單」。我想要實現的是每個組件，無論它是第一次被重用還是掛載到DOM，都會從底部淡出 - 一旦用戶選擇了淡入淡出回答。下面是使用五個問題一個非常基本的例子，一個小盒子： import React, {Component, PropType

0熱度

1回答

如何獲得TimelineMax

當前動畫序列的進展情況我使用timelinemax如下執行一系列的補間： this.backgroundColorTimeline = new TimelineMax({ repeat: -1, yoyo: true, onUpdate:this.updateTimeline, }); palette.bg.forEach((paletteColor) => {

0熱度

1回答

使用Greensock Tweenlite在React中滾動

我想在這上面使用Tweenlite，因爲我讀到它很簡單，但對我來說卻不是這樣。我正在嘗試從我的index.js傳遞一個名爲toScroll的函數到我的導航欄，並試圖傳遞我想要在使用onClick調用時滾動到的id。如果有人可以幫助我，我將不勝感激。該功能正在通過導航欄，但它會引發錯誤。這是我收到的錯誤： bundle.js:160 Uncaught TypeError: _gsap2.defau

0熱度

1回答

嵌套GSAP拖拽元素不更新上敲除更新

所以我使用GSAP TweenLite的和可拖動，以及KnockoutJS創建嵌套的可調整大小的可觀察到的元素（A div與image內側）。我的目標是通過數字輸入和拖動以及調整大小來調整和重新定位這些元素，就像Java/Android的佈局生成器一樣。我的代碼目前允許我監視由拖動和調整大小操作引起的更改，但它不會對Knockout綁定或可觀察對象的更新作出反應。的Javascript： fun

2熱度

1回答

如何添加動態數量的動畫，然後全部並行運行Greensock

我試圖找到一種方法來將任意數量的元素添加到時間軸，然後添加它們後，同時開始運行它們。在添加到時間軸並在之後播放之前，我試圖調用.pause（），但它始終在我調用播放之前開始。我目前正在運行的是以下。我有2個控制檯日誌打印出的時間可能表明代碼實際上正在做我想做的事情，因爲第一個console.log始終打印0.第二個始終打印20. 我不確定爲什麼我們在0第一次打印，因爲如果.pause（）不起作用

0熱度

1回答

Greensock在window.scroll和variable.onclick上播放（）和reverse（）

這些頁面是快速 - 骯髒 - 模擬的，我負責演示徽標如何進行動畫製作。動畫工作：https://cbianchi.com/z/EM/logo-tween/box.html 動畫不工作：這一頁應該只打標誌動畫，如果用戶滾動，然後，如果用戶點擊返回頂部按鍵只有反向（固定在右在800下） https://cbianchi.com/z/EM/logo-tween/reverse.html 代碼腳本，動畫

2熱度

1回答

添加Scrollmagic到使用GreenSock代碼

喂，我非常新的使用GreenSock，我需要一些幫助...... 我想在這個使用GreenSock代碼申請Scrollmagic： codepen.io/GreenSock/pen/FqrEv 我一直在尋找： https://ihatetomatoes.net/svg-scrolling-animation-triggered-scrollmagic/ 像2點，我需要火的動畫時，該元素是在視口的中

1熱度

2回答

如何將Greensock集成到pixi js

Pixi's是一個非常快速的2D雪碧渲染引擎，Greensock是一個動畫JavaScript庫。有沒有人用過這個？如果是的話，它會與GreenSock整合？