milkaWhat
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by milkaWhat
-
-
Is it possible to change the .vars tweening property name? It doesn't seem to be accessible, and probably for a good reason.
If possible, in the end I want to be able to change tweening property from "x" to "y" with a conditional statement or vise versa.
In the Codepen I was trying to use coordPosY and coordPos to interchange "y" to "x".
See the Pen JyYmWj by christo_pher (@christo_pher) on CodePen
- 1
-
The other people here at work are on Windows 7 Intel® HD Graphics 4400 is having problems.
-
Jonathan nice catch!
Work Mac with Nvidia graphic card is giving me problems in Chrome. My Windows 10 with Intel® HD Graphics 520 is smooth in Chrome and Edge.
I'll have to check Monday what graphic card the other people at work were viewing the animation with. They were on Windows and IE viewing the animation.
- 1
-
Jonathan, unfortunately "preserve-3d" didn't stop the flickering.
Thanks everyone for the links and advice. I'll keep poking around here and see if any changes happen.
-
I've searched the forum and found the history of the Firefox bug and Firefox has fixed the issue. It seems that Chrome is still having the same issue that Firefox once had with the animation flickering. I tried using x, z, rotationZ, force3d, position:relative, and position:absolute used in other topics with flickering animation, but it is proving to be ineffective.
In this codepen if you change the minimum time of 0.5 to 5 seconds in line 15 to slow down the animation you'll see the flickering in Chrome.
Is there no workaround to this problem and we just need to wait on Chrome to fix this?
See the Pen AGzci by GreenSock (@GreenSock) on CodePen
- 1
Change .vars:Object tweening property name dynamically
in GSAP
Posted
Yes, that helps. Thanks Jack!
You just called the property name on the fly. That was to simple. I did not think of that, obviously.
The purpose is create a timeline animation function that can be updated from whatever direction you want. Codepen has been updated and gives an idea of my goal.