Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

Search the Community

Showing results for tags 'ipad'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

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

Product Groups

  • Club GreenSock
  • TransformManager
  • Supercharge

Categories

There are no results to display.


Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Personal Website


Twitter


CodePen


Company Website


Location


Interests

Found 10 results

  1. Maybe someone can help me out. I have performance problems loading an GSAP animation. The animation is this: Add SVG to div, and the SVG will follow a data path in SVG d: coordinates. It works fine on desktop, and only sometimes on Ipad / Iphone. The problem is that the SVG is moving very slowly, like the data path is still being loaded. I tracked the fps, which topped around 100 for Ipad. How to experience the problem: Click on the down arrow to go below water surface. Then click on the whale icon. The whale SVG should appe
  2. Note that I am working on other's implementation, I am not familiar with GSAP yet. In this animation, when the safe opens... red boxes are coming out of it. There is a performance issue with these flying boxes. They don't "fly" smoothly only on ios devices (all of them). This is happening at line 168 in logosDistances.forEach loop. For the debugging, to ensure that there is no other animation in progress at the same time... I wrapped this tween in a timeout of 3sec. There is TinyURL for this animation, the: https://tinyurl.com/redredbox Thank you in advan
  3. I wrote some online chemistry games a couple years ago using GSAP for my animations. When I first wrote it, I was able to run it on a computer (most browsers), an iPad, or an iPhone. Now, it no longer works on my iPad, although it will work on a computer Safari. I wonder if anyone knows of a quick fix or common problems for tablets or other mobile devices. Problem: I have cards that flip, and the wrong side of the card is shown and/or the words are backwards. See: http://ketzbook.com/chem/elementsymbols/elementsymbolmatch.html
  4. I've got an very simple animation where an element is positioned relatively @ top:820px; with a style sheet (so not inline). I use a Tween.from() to tween the element from 1080px; This animation works fine on Web and in Electron but when I execute it on an iPad in safari, the element ends up at position 418px. I'm a bit at a loss of what could be wrong so any advice would be appreciated. I've added a codepen example. The top of the grey box should animate up to match the black line but on iOS it actually will animate to a different position.
  5. ketz

    GSAP on iPad

    I made an interactive learning site that relies entirely on GSAP (HTML 5) for its animations. Generally, all the animations are quite smooth on Chrome or Firefox, but when I try it on my iPad, they skip sometimes. It doesn't look bad on the iPad, but it skips and misses parts of some animations. I know this is a more general question, but is this poorer performance on the iPad normal, or is there anything I can do? (FYI, I am a science teacher. I am band new to coding. I just recently taught myself JS and CSS.) Thanks! BTW, the site is temporarily at: http://ketzbook.com/chem/el
  6. Hi! (nice new site btw) I've got a nice quick animation, that works well on desktop (and on my phone), but on an ipad2 it's too quick. Ie it happens before the ipad has chance to render the frames. It's kind of a gratuitous animation, so it'd be nice (but not essential) if it could be seen. So odd request maybe, but is there a way to make a tween slow down for a slower processor? Thanks, Andy
  7. Hi, I am building a page that builds multiple 'scenes' horizontally in the content area. Only one scene is visible in the area at a time. Users can drag the scene container to get to other scenes. I've done this using Draggable. For the most part, it has worked great. However, some scenes have a large video in them. When running on the iPad (chrome and safari), if the user touches the video and attempts to drag the container in order to move to the next scene, it does not drag. I've tried adding data-clickable="false" to the video tag but it still doesn't work. This all works on th
  8. Hi, im trying to make an ipad app and im trying to use the "transformAroundPoint" plugin of yours so that i can make a movieclip rescale from a point decided by the zoom gesture. Up to now, all i've managed to do is taht it rescales a bit, from the center point of the image and then it goes back to the size and position it had before the zoom touch. can someone help me? thanks for your time this is the line of code i have used: img3.addEventListener(TransformGestureEvent.GESTURE_ZOOM,onGesturePinch); img3.addEventListener(TouchEvent.TOUCH_BEGIN, taphandler); function taph
  9. Good afternoon! Trying to figure out how I can tween my "-webkit-mask-size" CSS Prop? it seems to invalidate my javascript when there are "-"s in the code.. Thanks
  10. I am using TweenMax to fade some interface arrows on an AIR / iOS project, using the following (slightly simplified) code: TweenMax.to( overlay.arrowE, 0, { alpha:overlayFactorX + minOverlayAlpha, colorMatrixFilter: { saturation:overlayFactorX }} ); The tween essentially responds to a user drag action, and highlights one arrow graphic (colour and alpha up) to show the direction of travel, whilst other arrows recede (colour desaturates to greyscale, and alpha decreases). A bigger drag creates a stronger highlight. Everything works fine when viewed in preview on PC, and the code does
×