Jump to content

Search the Community

Showing results for tags 'ios'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • GreenSock Forums
    • GSAP
    • Banner Animation
    • Jobs & Freelance
  • Flash / ActionScript Archive
    • GSAP (Flash)
    • Loading (Flash)
    • TransformManager (Flash)

Product Groups

  • Club GreenSock
  • TransformManager

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL







  1. Hi all, I'm having this problem with SVG rotation. Basically it always reset its position once the animation is finished. Codepen: http://codepen.io/anon/pen/QwwEYX During testing, it works fine on Chrome, but not of Firefox and mobile Safari. I'm using Firefox 33.1.1. Anyone's having the same issue? Any pointer is greatly appreciated. Cheers! UPDATE: Apparently the problem is exclusive to FF for mac and Safari mac.
  2. I'm not sure if it's a bug but the latest Chrome under iOS 8 (old iPad2) behaves different than Safari while swiping/dragging content. Can be something in GSAP as well but guess it's Chrome for now. If you drag/throw a page while your finger leaves the screen the throwprops plugin detects you left and just does what it's supposed to do. Well, that's for iOS Safari, Chrome does the same except if you leave the screen while you swipe to the top and leave screen while swiping over the it's browser bar. If you do so the draggable/throwprops will just stop moving until you drag within the screen again. It's annoying since with my navigation you have to swipe/drag/throw from bottom to top to scroll the site. Works perfectly if you keep you fingers on screen. I made a little page which shows the problem: http://ozboz.nl/dragger/ It's like the browser bar gets the focus or something. Hope someone can give me a fix (or Google for that matter).
  3. Hello, I recently upgraded my AIR SDK to 15 and none of the UI made with the ThrowPropsPlugin seems to be working in the iOS "slow-test"/adhoc builds. TweenLite seems to be ok. Has anyone faced a similar issue? Also, I was using DataLoader to communicate with PHP which again is not working on the above build types. (It works on "fast-test" though.) Any idea what's happening here? Regards
  4. Hi I am working on a website for a client which is basically an old flash site which I am translating into HTML with GSAP animation. The whole thing also uses parallax.js to create a layered 3d effect. This works great across all devices and moves when an ipad is tilted etc. My problem is that tweenmax is clashing somehow with the parallax javascript and causing the animations to jump or in the case of CSS opacity the fade does not work at all. When I remove parallax.js then it works just fine. So I did some research and then it occurred to me that it may be possible to create the parallax effect without using the plugin but through gsap itself and then it wouldn't cause compatibility issues. But although I can find examples of parallax controlled by mouse movement, there doesn't seem to be anything about creating this effect with device orientation/tilting etc Is this even possible? Thanks
  5. Hi, I just updated my AIR SDK to version and all my tweenmax scripts are not working anymore. Tweenlite works fine, and on Android it's ok. It's just Tweenmax on iOS (7 & 6). Anyone got the same problem ? kek
  6. Hi Guys, I have been strugling with getting Maxloader to load a png fil stored in my Ipads applicationStorageDirectory. I hope someone would be so kind and give som advice. Im working with Adobe Air 13.0, iOS 7. Thanx. Henrik Quick Code walk though: Loading the file: //LOADING THE FILE FROM WEBSERVER var loader:BinaryDataLoader = new BinaryDataLoader(filePathServer, {name:"downloadedfile.png", requireWithRoot:this.root, estimatedBytes:6800, onProgress:progressHandler, onComplete:completeHandler}); loader.load(); Saving the file: //SAVING THE FILE TO APPLICATION STORAGE DIRECTORY function completeHandler(event:LoaderEvent):void { var fileStream:FileStream = new FileStream(); var _dataD = LoaderMax.getContent(event.target.name); var _dFile = File.applicationStorageDirectory.resolvePath("includes/"+event.target.name); fileStream.open(_dFile, FileMode.WRITE); fileStream.writeBytes(_dataD, 0, _dataD.length); setTimeout(loadFileFromLocal, 2000); } // Re-Loading the file from Local storage Please note that when loading the file into a stageWebView it works fine! //RE LOADING THE FILE FROM LOCAL STORAGE function loadFileFromLocal():void { var file:String = "downloadedfile.png"; var pdf:File = File.applicationStorageDirectory.resolvePath("includes/"+file); //PHONE //LOADING IT INTO STAGEWEBVIEW WORKS !! var yOffset:Number = 40; var stageWebView:StageWebView = new StageWebView(); stageWebView.stage = stage; stageWebView.viewPort = new Rectangle(0, yOffset, 500, 500 - yOffset); stageWebView.loadURL(pdf.nativePath); //TRY TO LOAD VIA LOADERMAX - DOES NOT WORK ON IOS DEVICE, DOES WORK ON PC var myImage:ImageLoader = new ImageLoader(pdf.nativePath, {container:imgContainer, alpha:1,onProgress:progressHandlerRELOAD,onComplete:completeHandlerRELOAD}); myImage.load(); }
  7. I have a crazy issue with "transformAroundPoint" my Code works perfect on iOS Xcode Simulator. But when I run the same thing on my iPad I get Errors! I never have seen any different behavior simulator vs. device. I hope anybody can help me... It also makes no difference if I don't do any scaling in transformAroundPoint always the same errors. S O U R C E C O D E >>>> ..... TweenPlugin.activate( [TransformAroundPointPlugin] ); Multitouch.inputMode = MultitouchInputMode.GESTURE; this.addEventListener( TransformGestureEvent.GESTURE_ZOOM, pointZoom ); } /** Zoom */ private function pointZoom( _event : TransformGestureEvent ) : void { trace("zoom"); var _transformPointX : Number = _event.stageX; var _transformPointY : Number = _event.stageY; /**/ var _scale : Number = _images[ _activeImage ].scaleX * _event.scaleX; var _myPoint : Point = new Point( _transformPointX, _transformPointY ); /**/ TweenLite.set( _images[ 3 ], { transformAroundPoint: { point: _myPoint, scale: _scale } } ); } <<<< E R R O R S O N I P A D >>>>> Exception fault: TypeError: Error #1006: value is not a function. at com.greensock::TweenLite/_init()[/Active/_Flash/_AS3_v12/src/com/greensock/TweenLite.as:559] at com.greensock::TweenLite/render()[/Active/_Flash/_AS3_v12/src/com/greensock/TweenLite.as:703] at com.greensock::TweenLite()[/Active/_Flash/_AS3_v12/src/com/greensock/TweenLite.as:488] at com.greensock::TweenLite$/set()[/Active/_Flash/_AS3_v12/src/com/greensock/TweenLite.as:1094] at com.ponyhof.gallery::GalleryZoomNew/pointZoom()[/Volumes/Work/Development/Projects/WordPress/src/com/ponyhof/gallery/GalleryZoomNew.as:431] at com.ponyhof.gallery::GalleryZoomNew/pointZoom()
  8. I am trying to delete on drag and drop or intersect with checkHitAreare it dorset seem to work with TransformManager. in my app i would like the user to be able to drag an item to a trashcan, the items are all objects that are in a TransformManager. is it possible to call same delete function that is used when desktop users hit the delete key? stage.addEventListener(Event.ENTER_FRAME, checkHitAreare); function checkHitAreare(evt:Event) { var currentMC:MovieClip; var removeMCs:Array = []; for(var i=0; i < stage.numChildren; i++){ currentMC = MovieClip(stage.getChildAt(i)); if (currentMC != this.recp_mc && this.recp_mc.hitTestObject(currentMC)) { removeMCs.push(currentMC); } } for(var j:int = 0 ; j < removeMCs.length;j++) { stage.removeChild(removeMCs[j]); } }
  9. I was wondering if a version newer than v11 (as3) is best suited for iOS / iPhone ?
  10. I'm trying to use exportRoot(); in an iOS app. If the app is in the background for a length of time, the timeline can no longer resume. Is it possible that the timeline is lost in garbage collection? My pause screen is still visible and the buttons are still available. But nothing resumes. If you leave and come back quickly it's fine. Anything I can try to make it hold the timeline for as long as the app is in the background? --- EDIT ---- Sorry, looks like I was calling the exportRoot twice and that was the source of my trouble.
  11. Hi everyone, its been a few days since I found out and started using gsap js and must admit its an awesome framework. I make native games for iOS and now I evaluate gsap for html 5 cross platform 2d game development. I have a strange performance issue regarding the Draggable utility on iOS devices (maybe on other platforms too but I have not tested any other device). When the user moves the draggable element around with his finger I observe high CPU usage (55-65% on an iPhone 3GS) while when the user is not interracting with the element the CPU usage is 25-35%. I downloaded an updated version of Draggable from here but there was no difference. I am at your disposal for further info and testing!
  12. Sorry if this has come up before. I did have a search, but wasn't sure how best to describe it. Anyway, I have a long HTML page which scrolls vertically. Nothing unusual about that... On this page, I have banners which are horizontally draggable, using Draggable. However, when I scroll vertically on iOS, if I drag within the Draggable banners, it stops the page scrolling. I want the Draggable banners to scroll horizontally, and the page to scroll vertically. How might I work around this? Is it even possible with iOS? Loving your work as always! Cheers, Steve
  13. Note: This page was created for GSAP version 2. We have since released GSAP 3 with many improvements. While it is backward compatible with most GSAP 2 features, some parts may need to be updated to work properly. Please see the GSAP 3 release notes for details. With the release of iOS 7, I was anticipating some big leaps forward in browser performance. What I found was quite surprising. Is anyone else experiencing the same thing? Here's a quick [and very casual] video showing what I discovered: A lot of people in the industry talk about the benefits of using CSS transitions because they're so much faster, especially with transforms (scale/translate/rotate) on mobile devices. What happened? Why is Zepto (which uses CSS transitions) so much slower? GSAP's performance remains solid in iOS 7 (far better than jQuery and other libraries), but CSS transitions fall flat on their face (at least with transforms). Can anyone shed some light on what's happening? Are you seeing the same results in iOS 7? Also, is anyone else seeing worse performance when altering the scrollTop or scrollLeft of DOM elements? Useful links Speed test Draggable Demo CSS Transitions/Animations vs. GSAP Cage Match jQuery vs. GSAP Cage Match Why GSAP? A practical guide for developers UPDATE: Apple reached out to us and acknowledged the apparent bug and said they're working on a fix. (Thanks Apple)
  14. Hi guys, firstly, let me thank you for this fantastic animation platform. Discovering it was simply jaw-dropping experience that changed my life as a developer. I am now playing around with page that will have multiple animations triggered on particular scroll position. I decided to not use any parallax plugins that work on mobile, because they appeared to be slow. Basically, I want to animate some DOM elements when they come in to the view. I tested it in all browsers and it works fine, even on iOS, but sometimes it is acting a bit weird. I have problems only on iOS. I haven't tested any android, i don't have any. When you scroll slowly to the desired element, it animates just fine. But sometimes when you scroll faster, it appears in final position, but without an animation. Sometimes just part of an animation happens. I would like to understand whats going on there. Can you help me please, or at least point me to the right direction? I am using latest version of GSAP, tested on iPhone 4 with iOS 6.1.3 and iPad 3. I was able to recreate the issue on iOS simulator as well. I am attaching example code. Many thanks! scrolltest.zip
  15. Joe

    iOS Animation Issue

    Hello, First off, thanks for all the work on this great API. I've looked at many of the past posts on this topic and can't seem to find a remedy for my issue. I'm using a simple move tween with a bounceOut on a fixed position div, which works great on everything but iOS devices. I've tested on an updated iPad 1 (iOS 5.1.1), iPad 2 (mini, iOS 6.1.3), and an iPhone 4 (iOS 6.1.3). This is in both Safari and Chrome (both the most updated versions), and I'm using the most current release of GSAP JS (TweenMax.min.js). Could this be an issue with the way I'm calculating scroll positioning? jQuery(document).ready(function($) { //disables the requestAnimationFrame functionality and causes GSAP to use a simple setTimeout() internally (pretty much like jQuery). TweenLite.ticker.useRAF(false); var winHeight = $(window).height(), socPos = winHeight - $('#socialBox').height(); $('#socialBox').css('top', socPos); $(window).bind('scroll', function(e) { scrollBinder(); }); function scrollBinder() { var winScroll = $(window).scrollTop(), winHeight = $(window).height(), docHeight = $(document).height(), percent = (winScroll / (docHeight - winHeight)), targetDiv = $('#socialBox'), newPos = (winHeight * percent) * (-.65); if (newPos > socPos) { newPos = socPos; } if ($(window).width() > 480) { TweenMax.to(targetDiv, .75, { y : newPos, ease : Bounce.easeOut }); } } });
  16. I'm experiencing a problem only on ios, Safari and Dolphin. When the page first loads, the TimelineMax animation will not play. If I tap somewhere on the screen (not on a button) or reload page, everything plays. I cannot seem to figure this out and I have tired rearranging the order of the way the page loads and to no avail, nothing works unless I reload the page or tap on the screen in a random spot. I checked the console.log and no issues. I could really use a bit of help on this one. URL: Works on: DESKTOP: Safari, Chrome, FF and Opera Broken on: iOS: Safari and Dolphin
  17. 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; }
  18. Hey so i'm not sure if this is a greensock bug or a browser bug or me just pushing the limits too much, but what i have noticed on a couple projects i've started lately is that where i may have a bunch of tweens going on successfully in Chrome or Firefox, that when i test in Safari or on my iPhone, the animations dont seem to fully update visually. if i resize the window or anything like that, the screen corrects itself. where i've run into it, the problem doen'st happen if only 1 or two things are tweening at once, but if a more than a handful are tweening at once, it seems that the browser cant keep up or something. if you zoom in or out or rotate the screen or something to get the browser to react, the end of the animation will rectify itself after its been messed up. even with the window resize listener turned off. you can check out one project currently in progress where you can view this. to see them problem, in safari or on iphone open the link, then click between "bird" and "big bang". you will see that the divs and the nav elements will linger in Safari and iOS, yet not in Firefox or Chrome. if you step across the nav one at a time, (big bang, liquid, snakes, globe, wedges, candle, bird...) then it tweens fine in all browsers. http://danehansen.com/temp/gs