November 17-November 23, 2016

Want to contribute? Check out our Android and iOS milestones, many of which are ready for someone to take ownership of. Also check out our newbie-friendly tasks.

This weekly update captures what changed in a given week across the Material Motion ecosystem.

Check out current focus to see what we’re working on next.

Check out stability to learn about the current state of each feature.

People involved in this sprint

What has changed

Legend:

• 🎉: something launched! Click to view the release notes.
• 📝: something was worked on.

Starmap

Updates to AppliesVelocity and PausesSpring due to iterations on photo transition example.

Android platform

🎉 Direct manipulation Published 1.0.0. View the release notes.

🎉 Direct manipulation ScaleGestureRecognizer to track span, RotateGestureRecognizer to track angle. Pinchable and Rotatable plans. Multi-touch support.

🎉 Direct manipulation Anchor point adjustment so fingers’ centroid is always untransformed.

🎉 Direct manipulation Track velocity of centroid position for drag, span for scale, and angle for rotate.

🎉 Direct manipulation Remixer integration.

🎉 Direct manipulation DirectlyManipulable plan composes out to Draggable, Pinchable, and Rotatable.

Apple platforms

🎉 Runtime Published v6.0.1. View the release notes.

🎉 Runtime is now synced internally.

📝 Runtime internals have been significantly reworked and simplified. Unit test tools will soon be available for dependent libraries.

📝 CoreAnimation Working on block-based animation API. This feature will greatly improve the ability for existing code bases to move to Material Motion. View the diff.

Example UIKit code:

self.squareView!.alpha = 0
UIView.animate(withDuration: 1) {
  self.squareView!.alpha = 1
}

Equivalent Material Motion code (simply a replacement of UIView.animate with runtime.tween):

squareView.alpha = 0
runtime.tween(withDuration: 1) {
  squareView.alpha = 1
}

📝 CoreAnimation Working on block-based animation API. This feature will greatly improve the ability for existing code bases to move to Material Motion. View the diff.

📝 CoreAnimation Built a demo of a scroll-view-driven animation using the Timeline:

let tween = Tween("transform.rotation.z", duration: 200, values: [0, M_PI])
tween.timeline = timeline
runtime.addPlan(tween, to: squareView.layer)

func scrollViewDidScroll(_ scrollView: UIScrollView) {
  let offset = scrollView.contentOffset.y + scrollView.contentInset.top
  timeline.scrubber?.timeOffset = abs(TimeInterval(offset))
}

🎉 CoreAnimation transitions Published v1. View the release notes.

Includes the TransitionTween motion language term.

🎉 POP Published v2 and v2.1. View the v2 release notes. View the v2.1 release notes.

Includes the PausesSpring and AppliesVelocity motion language terms.

Example describing a “tossable element” interaction:

runtime.addPlans([
  // Allow the element to be dragged.
  Draggable(withGestureRecognizer: pan),

  // Always be anchored to the provided position.
  SpringTo(position, destination: anchoredPosition),

  // Pauses the spring simulation while the gesture recognizer is active.
  PausesSpring(position, whileActive: pan),

  // Feeds the pan gesture recognizer's velocity into the spring on gesture completion.
  AppliesVelocity(position, onCompletionOf: pan)
], to: layer)

📝 POP Working on block-based API for generating springs. View the diff. Example:

let configuration = SpringTo.defaultConfiguration
configuration.friction = sqrt(4 * configuration.tension) * 0.5

runtime.springTo(withConfiguration: configuration) {
  circle.position = gestureRecognizer.location(in: view)
}

🎉 POP transitions Published v1. View the release notes.

Includes the TransitionSpring motion language term.

🎉 Transitions Landed the Photo Transition demo. View the diff.

Latest demo showing a fully functional “flick-to-dismiss” interaction on the photo. Note that velocity from the gesture feeds into the spring simulation:

Web frameworks

📝 WebAnimations Iterating on Tween implementation. View the diff.

📝 Prototype Working prototype of SpringTo, Draggable, and Tween proved out with the Runtime v1. View the codepen.

Learn more

Join us on Discord! discord.gg/ZJyGXza