amorbytes
Members-
Posts
10 -
Joined
-
Last visited
amorbytes's Achievements
2
Reputation
-
First of all sorry for my mistake, I had forgotten to mention that I am not developing web application which run in browser. I am developing a phonegap mobile application in which your html,css and js files runs within webview. I have tested this in android 4.0 to 4.2. Apart this issue, I am trying to solve it by animating x property of scroll content and it gives me smoother performance.
- 6 replies
-
- tweenmax
- timelinemax
-
(and 4 more)
Tagged with:
-
@bassta , I am not animating any object with scroll. I have two animation 1) scroll animation which animate and scroll a div1 2) object animation which animate x,y of a div2
- 6 replies
-
- tweenmax
- timelinemax
-
(and 4 more)
Tagged with:
-
Hello All, I am developing an app on android using phone gap. I am using timelinemax for animation. My animation is like this : one object is animating along with scroll animation. Animation works fine after scroll is completed. when both run simultaneously then object animation is poor. Is there any workaround for this ? Android Tested : 4.0 to 4.2 My second concern is that how we can achieve more smooth animation by force3D = TRUE or by Tweenmax.set(obj,{z:0.1}); ? Any help would be appreciated.
- 6 replies
-
- tweenmax
- timelinemax
-
(and 4 more)
Tagged with:
-
Thanks GreenSock, TweenMax.set("element",{z:0.1}); works for me. I got it from your another post.
- 8 replies
-
- 1
-
- timelinemax
- tweenmax
-
(and 2 more)
Tagged with:
-
Hi Rodrigo, Thanks for your quick replay, My very very hard issue is that the first run is not very smooth (it is clearly visible). I am stuck at here how to solve it. please any one suggest me any work around it or any solution for it.
- 8 replies
-
- timelinemax
- tweenmax
-
(and 2 more)
Tagged with:
-
I have provided js code for just reference what kind of animation I am doing. We are running animation in phonegap native application. not in browser
- 8 replies
-
- timelinemax
- tweenmax
-
(and 2 more)
Tagged with:
-
The device I tested is Galaxy Tab 2, you can see configuration on web. I think it is good enough. I am also having issue for first time only, not after that.
- 8 replies
-
- timelinemax
- tweenmax
-
(and 2 more)
Tagged with:
-
Hello All, I am doing animation like this http://jsfiddle.net/g2kxL/. in phonegap 3.0 android. When my animation run for first time, animation is not smoother. and the quality of animation is almost 50% then 2nd time. After complete first loop completes it continuesly works fine. Any help would greatly appreciated.
- 8 replies
-
- timelinemax
- tweenmax
-
(and 2 more)
Tagged with:
-
Thank you so much carl, for your quick replay. It is exactly what I want.
- 5 replies
-
- tweenmax
- timelinemax
-
(and 1 more)
Tagged with:
-
Hi, I am trying to animate div with timeline max. I am following this procedure : - loop for total div elements with jquery's each - create tween for each div element with tweenmax - on complete of tweenmax reverse it - push tweenmax to tweens_array - add tweens_array to timeline max - on complete of timelinemax reverse it Problem : div is not tweening reverse it will come directly to origional position. here is this source code for refrence : CSS : div,body{ margin: 0; padding: 0; } .container{ position: absolute; height: 100px; width: 100%; top: 150px; } .column{ float: left; background-color: #00ffcc; height: 100%; width: 30px; margin-left:10px; border-radius: 5px; text-align: center; } HTML : <div class="container"> <div class="column column1">1</div> <div class="column column2">2</div> <div class="column column3">3</div> <div class="column column4">4</div> <div class="column column5">5</div> <div class="column column6">6</div> <div class="column column7">7</div> <div class="column column8">8</div> <div class="column column9">9</div> <div class="column column10">10</div> <div class="column column11">11</div> <div class="column column12">12</div> <div class="column column13">13</div> <div class="column column14">14</div> <div class="column column15">15</div> <div class="column column16">16</div> <div class="column column17">17</div> <div class="column column18">18</div> <div class="column column19">19</div> <div class="column column20">20</div> <div class="column column21">21</div> </div> JS : var tl = new TimelineMax(); var delayTween = 0.1; var tweenArr = []; $(".column").each(function () { tweenArr.push( TweenMax.to( this, 1, { y:-60, ease:"linear", onComplete:function () { this.reverse(); } } ) ); }); tl.add( tweenArr, '+=0', "sequance", delayTween ); tl.vars = { onComplete:function () { tl.reverse(); } } Any help would be greatly appreciated, Thanks in advance.
- 5 replies
-
- 1
-
- tweenmax
- timelinemax
-
(and 1 more)
Tagged with: