tweenmax

0熱度

1回答

我正在爲離子框架中的android和ios開發移動應用程序，該框架包含一個動畫的遊戲元素。目前，我正在使用Adobe After Effects對構成遊戲一部分的角色進行動畫製作。我從After Effects導出PNG序列，並將其嵌入到我的Ionic應用程序中，作爲組成動畫的背景圖像序列。我使用TexturePacker創建精靈表和GSAP TweenMax以在角度控制器內運行javascri

1熱度

1回答

使用GSAP將SVG元素插入到DOM中

我試圖使用TweenMax和TimelineMax在頁面上動畫幾個circle元素。實際的SVG只有這個特定元素的一個實例，但是我希望動畫序列能夠使用相同的指定轉換對這些相同元素中的幾個元素進行動畫處理。是否可以「複製」SVG元素並執行交錯動畫？例如： function makeFiveCopies() { // return array of five identical 'cir

0熱度

1回答

如何使用TweenMax（Greensock）水平翻轉SVG？

我正在嘗試使用Greensock做一些動畫，其餘都可以，除非我不確定如何按照我想要的方式翻轉SVG。我做的代碼如下所示： .to($tri_yellowgreen, 0.25, {rotationY:180, transformOrigin:"left top"}) ..但箭頭移動到下並在相同的位置不會翻轉。 CODEPEN DEMO： http://codepen.io/anon/pen/

1熱度

2回答

GSAP staggerFrom負延遲

問：我想知道如果有一種方法來負延遲使用GreenSock添加到staggerFrom/staggerTo功能？問題：我有動畫的運行時間太長，我喜歡。如果以前的動畫正在播放以減少持續時間，那麼我的交錯動畫可能會發生。例子：我已經把這個codepen說明一下我後：http://codepen.io/nickspiel/pen/LpepvQ?editors=001 您可以在我使用的基本from

1熱度

1回答

tweenMax.to不能在反應組件中工作DidMount

我試圖在反應的componentDidMount方法中使用GreenStock TweenMax，但我看到動畫未觸發（但onComplete和'onStart方法正好觸發）。我嘗試了一些基於預感的東西，發現當我在100ms內添加一個setTimeout時，動畫就會播放。直覺就是在GreenStock被召喚的時候，元素並沒有真正準備好。我的印象是，componentDidMount類似於jQuer

0熱度

1回答

JavaScript：處理事件的有效方法（Firefox專用）

我正在運行滾動事件，觸發TweenMax動畫，而且我注意到，儘管Chrome在外觀上很不錯，但在Chrome上看起來不錯， Firefox瀏覽器。有沒有人有關於如何儘可能有效地處理這個滾動事件的建議？另外，有什麼關於Firefox的渲染，我不知道這可能是造成這種情況？任何線索將不勝感激！的要點是我在我的頁面上尋找名爲「客戶」的容器，每個容器包含三個單獨的「客戶」元素。當匹配「customers」

0熱度

2回答

TweenMax.js變換旋轉在IE瀏覽器無法正常工作9

我試圖動畫一些SVG元素使用Tweenmax.js 風車旋轉工作正常，但門打開動畫沒有（風車，開門）在Internet Explorer在所有的工作9. 這裏是我的代碼： var dooropen = $('#door-open'); var windmill = $('#windmill'); function DoorOpen() { TweenMax.t

1熱度

1回答

動畫重複無限TweenMax

我有這樣的代碼，其不透明度動畫1的一個目的是0。但我想知道我該怎麼做，使被無限重複這個動作，每次1秒？任何想法？ var tl = new TimelineMax(); tl.add(timeLine_parpados.to($parpados,0.1,{opacity:1})); // parpados aparecen tl.add(timeLine_parpad

0熱度

1回答

Canvas圖像動畫（Crossfade）

使用HTML5畫布我想加載圖像並創建一個「淡入淡出」效果，第一個圖像淡入視圖，然後在短暫延遲後，第二個圖像淡入第一個圖像的頂部等在這個論壇上的類似問題的答案的幫助下，我有2個單獨的代碼工作位......一個加載圖像數組和第二個動畫「淡入」效果。我的問題是，我不知道如何結合這兩個腳本來加載一個圖像數組，並且還有陣列中的每個圖像在加載時都會淡入。這裏有2個獨立的腳本我有工作：負荷的形象數組帆布：

0熱度

2回答

TimelineLite緩存調整後的補間值

我有一個網站，我使用TimelineLite已暫停，並用滾動條手動推進時間軸。我還在整個時間線上散佈了5次停頓，以便我可以單擊按鈕並觀看時間線的一個「場景」。每個動畫場景基本上都在屏幕頂部補間，而下一個元素從底部補間到屏幕。一切工作正常。但是，當我調整瀏覽器的大小時，我注意到時間軸的補間仍舊從舊值開始動畫。我的時間軸由TweenLite.to(...)補間組成。例如，如果我的瀏覽器高度爲7