davej
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Everything posted by davej
-
sorry, the pink cloud in the background flickers when the first sets of tweens finishes then it also flickers when scrolling(but does not do it when tween codes are removed). This happens in chrome only.
-
ok now I have ran into another problem that appears to be caused by force3D. I am getting elements flickering as tweens execute http://greensock.com/forums/topic/9378-elements-sometimes-disappear-mid-transition-in-chrome. cording to this post removing it would fix and it does but then I am back at square one with really sluggish animation I know you mentioned I had massive repaint times but I have not been able to find any way of controlling that, I googled the heck out of it too. http://clients.rubberduckyinteractive.com/cmp/
-
you da man, that did the trick. I have spent two days trying to dissect this thing stripping out stuff etc. When doing a fromTo do I need to add it to both? TweenMax.fromTo(star1,3,{force3D:true, visible:true,scale:0},{force3D:true, scale:1,ease:Back.easeOut});
-
ok I have stripped this down to the basics. Just straight html with only greensock being called for animation, Still super sluggish, I added the force3D:true per Jacks advice wit a little improvement but not much. What am I doing wrong http://clients.rubberduckyinteractive.com/demo/ <!DOCTYPE html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=500" /> <script type="text/javascript" src="js/_dependent/greensock/TweenMax.min.js"></script> </head> <body> <div class="col-lg-12"> <style> } #bg{ position:absolute; } #ring1{ position:absolute; } #ring2{ position:absolute; } #ring3{ position:absolute; } #star1{ position:absolute; } #star2{ position:absolute; } #star3{ position:absolute; } #sr1{ position:absolute; } #sr2{ position:absolute; } #sr3{ position:absolute; } #sr4{ position:absolute; } #sr5{ position:absolute; } </style> <div id="ring1"> <img src="images/rings1.png" class="img-responsive"></div> <div id="ring2"> <img src="images/rings2.png" class="img-responsive"></div> <div id="ring3"> <img src="images/rings3.png" class="img-responsive"></div> <div id="star1"> <img src="images/star1.png" class="img-responsive"></div> <div id="star2"> <img src="images/star2.png" class="img-responsive"></div> <div id="star3"> <img src="images/star3.png" class="img-responsive"></div> <div id="sr1"> <img src="images/sr1.png" class="img-responsive" ></div> <div id="sr2"> <img src="images/sr2.png" class="img-responsive" ></div> <div id="sr3"> <img src="images/sr3.png" class="img-responsive" ></div> <div id="sr2"> <img src="images/sr4.png" class="img-responsive"> <div id="sr5"> <img src="images/sr5.png" class="img-responsive" ></div> </div> <script> // build tween var sr1 = document.getElementById("sr1"); var sr2 = document.getElementById("sr2"); var sr3 = document.getElementById("sr3"); var sr4 = document.getElementById("sr4"); var sr5 = document.getElementById("sr5"); var ring1 = document.getElementById("ring1"); var ring2 = document.getElementById("ring2"); var ring3 = document.getElementById("ring3"); var star1 = document.getElementById("star1"); var star2 = document.getElementById("star2"); var star3 = document.getElementById("star3"); tween = TweenMax.to(ring1, 15, {force3D:true, css:{rotation:359}, ease:Power3.easeOut,repeat:-1}); tween = TweenMax.to(ring2, 25, {force3D:true, css:{rotation:-359}, ease:Power3.easeOut,repeat:-1}); tween = TweenMax.to(ring3, 5, {force3D:true, css:{rotation:360}, ease:Power3.easeIn,repeat:-1}); tween = TweenMax.fromTo(star1,3,{force3D:true, visible:true,scale:0},{scale:1,ease:Back.easeOut}); tween = TweenMax.fromTo(star2,8,{force3D:true, visible:true,scale:0},{scale:1,ease:Back.easeOut}); tween = TweenMax.fromTo(star3,2,{force3D:true, visible:true,scale:0},{scale:1,ease:Back.easeIn}); var repeats = 20, tl = new TimelineMax({repeat:repeats,force3D:true }), tl1ProgressUnit = 1 / repeats; tl.totalProgress(8 * tl1ProgressUnit); tl.from(sr1, 1, {css:{autoAlpha:0}}) .from(sr2, 1, {css:{autoAlpha:0}}) .from(sr3, 1, {css:{autoAlpha:0}}) .from(sr4, 1, {css:{autoAlpha:0}}) .from(sr5, 1, {css:{autoAlpha:0}}); </script> </body> </html>
-
thanks for the heads up. A little new to the js version (had as3 mastered). Any directions on how to manage the repaint times would be great.
-
Hi All I have a pretty basic animation. a couple of png some scale up and some rotate. They are on the larger size. The animation works great in every browser but chrome. It is supper sluggish to the point its unusable. http://clients.rubberduckyinteractive.com/cmp/animationtest.html. Any help or suggestions would be great. Is there a better way to achieve this set of animation effects with out using such large png. It does need to be responsive. Thanks for any help in advance
-
I wish I had more detailed code but I am running a fairly large complex project that loads lots of stuff. I am having the same problem with PropTween. In 30 minutes of running it created a total of 19980 cumulative instances and left 1755 instances in existence of PropTween. We do run gb colecters every so often to force clean but that does not seem to help. The app loads swf and images via specific classes which then are destroyed and destroy all objects in them. Is there any way to force PropTween to destroy or any help would be good. This is a desk top app so I am not able post link.
-
Hi All I am having an issue with a app that loads video from the app document directory. Its working great with flv format videos. It loads and plays fine. When I try to load mp4 or f4v it appears and acts as though it has loaded. My scrubber moves, time counts down but there is no audio or video. The video is just black. I am using gpu acceleration but have tried with it off and same result. Any help would be great. This is running on an ipad. I have the same app running on an adroid working fine. _videoProperties = new VideoLoaderVars(); _videoProperties.width(747); _videoProperties.height(419); //_videoProperties.bgColor(0x000000); _videoProperties.autoPlay(autoPlay); _videoProperties.container(_container); _videoLoader = new VideoLoader("file:////var/mobile/Applications/F601234555A-D27F-48D5-A484-675F7E84839F/Documents/myvideo.mp4", _videoProperties); _videoLoader.addEventListener(LoaderEvent.COMPLETE, _onLoadComplete, false, 0, true); _videoLoader.addEventListener(LoaderEvent.ERROR, _onLoadError, false, 0, true); _videoLoader.netStream _videoLoader.load(true); private function _onLoadComplete(e:Event):void{ _videoLoader.addEventListener(VideoLoader.PLAY_PROGRESS, updatePlayProgress); _videoLoader.addEventListener(VideoLoader.VIDEO_COMPLETE, VideoComplete); _videoScrubber.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownScrubber); _videoScrubber.addEventListener(MouseEvent.MOUSE_UP, mouseUpScrubber); _videoScrubber.addEventListener(MouseEvent.MOUSE_OUT, mouseUpScrubber); _playButton.addEventListener(MouseEvent.MOUSE_DOWN, playClick); _pauseButton.addEventListener(MouseEvent.MOUSE_DOWN, pauseClick); _muteButton.addEventListener(MouseEvent.MOUSE_DOWN, muteClick); _soundButton.addEventListener(MouseEvent.MOUSE_DOWN, soundClick); _volumeScrubber.addEventListener(MouseEvent.MOUSE_DOWN, volumeClick); _volumeScrubber.mouseChildren = false; _videoScrubber.mouseChildren = false; }
-
I am not sure if its a greensock or ios issue but I am getting this error. My app is a bit complicated as it loads swf modules. To try to simplify and explain the app its kind of like a gallery but instead of images it loads swf. We have it working great in desktop and android but now porting to ios. The main app is running and greensock is working. The problem is when it loads a swf module that contains greensock code it spits out VerifyError: Error #1053: Illegal override of render in com.greensock.TweenMax. Any help would be great,