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

[Master feature] Tilt-based animations #14740

Closed
ericlindley-g opened this Issue Apr 19, 2018 · 5 comments

Comments

@ericlindley-g
Copy link
Collaborator

ericlindley-g commented Apr 19, 2018

Developers sometimes link device title to the background position of images, so that the content shifts on the screen in different directions and at different speeds based on the direction and degree of tilt. Ideally we can link this to an intuitive natural metaphor, so it feels predictable and natural. Phase one will be a low-level API along the lines of amp-position-observer, that allows such animations at a basic level.

Phase two may include a simple wrapper along the lines of amp-fx-collection to support a trivial-to-implement full-featured version.

For example, background-position for a given image could be linked to a velocity and acceleration that roughly matches that of a physical object sliding on a tilted table with a reasonable weight and sense of friction between the object and table—need to explore what the best UX is.

@ericlindley-g ericlindley-g added this to the Prioritized FRs milestone Apr 19, 2018

@ericlindley-g ericlindley-g self-assigned this Apr 19, 2018

@ericlindley-g ericlindley-g added this to Feature Backlog in AMP HTML Project Roadmap via automation Apr 19, 2018

@cathyxz

This comment has been minimized.

Copy link
Collaborator

cathyxz commented May 5, 2018

We can throw this in <amp-image-viewer>, gated under attribute.

@ampprojectbot

This comment has been minimized.

Copy link
Collaborator

ampprojectbot commented Jun 5, 2018

This issue doesn't have a category which makes it harder for us to keep track of it. @ericlindley-g Please add an appropriate category.

@nainar

This comment has been minimized.

Copy link
Collaborator

nainar commented Jun 14, 2018

@cathyxz I think this would be served better as something like <amp-position-observer>. Something that reports changes in tilt/orientation and needs to be combined with animations, etc to be useful.

Also @ericlindley-g assigned to myself since I will be working on it.

@ericlindley-g

This comment has been minimized.

Copy link
Collaborator Author

ericlindley-g commented Jun 14, 2018

Sounds good!

And for clarity: I'm aware of two features related to tilt-based animation that we're considering:

  1. Supporting tilt-based interactions in the same way that amp-position-observer supports viewport-position-based interactions, with a low-level API for linking tilt to animations.

  2. Supporting easy-to-implement tilt-based behaviors for a specific use-case

My understanding is that you, @nainar , are working on (1), but not (2) currently—we can create a separate feature request for (2) as needed.

@nainar

This comment has been minimized.

Copy link
Collaborator

nainar commented Jun 14, 2018

That is absolutely correct. We will keep this issue as the master for (1)

@ericlindley-g ericlindley-g self-assigned this Jul 2, 2018

@ericlindley-g ericlindley-g changed the title [Master feature] Easy tilt-based animations [Master feature] Tilt-based animations Jul 2, 2018

@ericlindley-g ericlindley-g moved this from Feature Backlog to In Progress in AMP HTML Project Roadmap Jul 2, 2018

AMP HTML Project Roadmap automation moved this from In Development to Shipped Jul 27, 2018

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.