Experimental animation tracking #19
Draft
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
Hey @developit , I've been working with Houdini recently and this feature would be really nice to have. Seems like it might not be doable but I also see that this PR is a couple years old at this point. Wondering if there have been any developments that make this worth revisting? |
|
@spmonahan there haven't been any changes to the web platform that would make it possible to polyfill this, and it's very unlikely there will be (since those changes would most likely happen as part of Houdini). |
|
I figured as much :( Thanks for the quick reply! |
|
It looks like Safari supports animating registered custom properties now: |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This tracks animation state and runs a frame loop to update painted elements that are affected by transition/animation changes. It's pretty slow though, and these browsers don't provide "rendered values" for animating/transitioning custom properties anyway. The result is basically that the polyfill triggers a bunch of painter updates, none of which are useful.
Without tracking:
With tracking: