December 15-21, 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.

Meta

Continued refinement of our reactive motion architecture. Starting to wind down for year-end vacations.

View all of our contributors

Starmap

📝 Significant consolidation and cleanup of starmap content.

View all changes since last week

Android platform

🎉 Streams MVP completed.

Includes gesture and spring stream sources.

Apple platforms

📝 Prototyping interruptible bi-directional transitions with new reactive architecture.

📝 Modal dialog built with new reactive transitions architecture.

📝 Exploring concept of an “Interaction” as a unit of reusable motion.

📝 Prototype of a reactive interaction.

In this example, we update the card’s rotation in reaction to changes to its center position.

let rotationStream =
  propertyOf(card).centerX
  .offset(by: -view.bounds.width / 2)
  .normalized(by: view.bounds.width)
  .scaled(by: CGFloat(radians))
  .bounded(amin: -radians / 2, amax: radians / 2)
aggregator.write(rotationStream, to: propertyOf(card).rotation)

📝 Prototyping introspection of an interaction. The following diagram shows a rendered version of the complete interaction shown above:

📝 chuga from the Remixer team prototyped a combination of Remixer and Material Motion. An example of using Remixer to modify material motion spring configurations in real time:

🎉 POP springs, Core Animation springs, Core Animation tweens, and gestures all landed as sources in the new reactive architecture.

The following demo shows a Core Animation-backed spring animation that’s reactively-interruptible:

The code for the above video uses two “Interactions”: TossableAndAttachWithSpring and Tap. These units of interaction are reusable pieces of motion. Over time we’ll provide implementations of these interactions on all platforms in the form of a consistent library of motion.

let tossable = TossableAndAttachWithSpring(position: propertyOf(square).center,
                                           to: propertyOf(circle).center,
                                           containerView: view,
                                           springSource: popSpringSource)
let tap = Tap(sets: tossable.destination, containerView: view)

[tossable, tap].forEach { interaction in interaction.connect(with: runtime) }

Web frameworks

🎉 Added continuous integration. See the badge on our repo README.

🎉 scrollSource completed.

📝 Streams MVP nearing completion.

Tooling

🎉 tofuness, one of our newest contributors, has helped get our JavaScript testing environment up and running!

Deltas

Android platform support

Apple platform support

Web platform support

Misc libraries

Learn more

Join us on Discord! discord.gg/ZJyGXza