Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Parallel timeline anchoring & filling behaviours #172

Open
nickschot opened this issue Dec 23, 2022 · 1 comment
Open

Parallel timeline anchoring & filling behaviours #172

nickschot opened this issue Dec 23, 2022 · 1 comment
Labels
enhancement New feature or request

Comments

@nickschot
Copy link
Contributor

For parallel timelines we can add flex box like fill/justification behaviours. This will allow us to use inferred durations combined with anchoring, centering or filling of motion definitions.

Options:

  • Specify globally for the entire parallel timeline definition
  • Specify per motion definition
  • Both? Per motion definition could override for that specific item

Inferred durations

What is a good default for an inferred duration? Is it the longest known duration (be it a spring or a tween duration) in the parallel timeline? If so we'll need to sort the timeline to have all inferred duration motion definitions at the end.

Do we want to be able to refer to an explicit motion definition to infer from?
Do we need operations for inferred durations? E.g. 50% of this spring, anchor to the end? This is less important for normal tweens since users could do the math themselves.

Note: a parallel timeline may have other timelines (inc. sequential ones) nested in itself. We'll have to account for this situation too.

Anchoring

We probably want to have the following anchoring options at minimum:

  • start - this can be implicit, no need to specify, but if we decide we add a "global" option, might be necessary as override
  • center
  • end

More flexibility, but unsure if necessary:

  • percentages
  • anchor + fixed offset (e.g end - 100ms)
@nickschot
Copy link
Contributor Author

nickschot commented Dec 23, 2022

The rough proof of concept doesn't really follow a clean flexbox like model. A proper implementation should probably be closer to that. It does now

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

1 participant