question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

A Programmatic Animations guide is missing in aio

See original GitHub issue

I believe that the animations aio guides are missing a section about programmatic animations, nothing there explains how to create and use an AnimationPlayer (via AnimationBuilder and AnimationFactory) to programmatically create animations.

Some minimal information about it can be found in the AnimationBuilder’s API Docs Usage Notes, but it is very minimal and in my opinion not complete/correct as it sort of suggests that only animate() can be used in the AnimationBuilder#build method, which is not the case (group(), query(), stagger(), etc… can be used too)

Currently the animations guides comprise of the following guides/pages:

  • Introduction
  • Complex Sequences
  • Reusable Animations
  • Route Transition Animations

I’m suggesting that a new guide/page (called “Programmatic Animations” or something like that) could be added to explain how to programmatically create and play animations (with explanations as to why going such route, examples, etc…).

(Note: the guide/page should also make clear that programmatic animations are not the suggested use of animations and that they should be used just when needed and that the standard ones via the animations field in the Component decorator should generally be preferred)

Also the animations live examples should get an additional example of programmatic animations.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:5
  • Comments:6 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
mgechevcommented, Mar 21, 2022

Hey @dario-piotrowicz, thank you for opening this feature request! There’s definitely a gap in the documentation for these APIs. Since animations are not on the immediate backlog for the docs team and we did not collect a sufficient number of votes, I’ll close the issue for now and reevaluate in the future.

0reactions
angular-automatic-lock-bot[bot]commented, Apr 21, 2022

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Fixed issues in Animate release - Adobe Support
We've been working hard at fixing the issues you reported to us. Here's a list of issues we fixed in the latest release...
Read more >
Animate Programmatically - SVGator
This document describes how to export a project as "programmatic", how to access the Player API object and how to synchronize events. For...
Read more >
Navigate between fragments using animations
The Fragment API provides two ways to use motion effects and transformations to visually connect fragments during navigation.
Read more >
Site-wide animations - Squarespace Help Center
You can also add animations and other image effects to specific elements, like a section background or image block. This guide reviews setting ......
Read more >
Animation transitions and triggers - Angular
To do this, list the more specific transitions before * => * . Use wildcards with styleslink. Use the wildcard * with a...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found