Skip to content

Direct is a tool that helps motion designers provide clear, precise motion direction for engineers.

License

Notifications You must be signed in to change notification settings

material-motion/direct

Repository files navigation

Direct

Code Style: Google

Direct is a tool that helps motion designers provide clear, precise motion direction for engineers.

As motion design becomes more and more prominent in apps, it’s becoming increasingly important to develop a standard for communicating direction from motion designers. Once an animation is finalized, simply handing off a video file to engineers makes it very difficult for them to recreate. Animations take a lot of engineering time to implement and there are a lot of subtleties that could get lost in translation. As designers, it’s our responsibility to make sure that engineers have everything they need to quickly recreate this motion.

Disclaimer: This is not an officially supported Google product.

Getting started

  1. Install Google App Engine

  2. Install node.js and npm

  3. Install dependencies

npm i
  1. Populate config files

    Rename config_sample.yaml to config.yaml

    (this file can be left blank for most users)

    Rename app/ts/config_sample.ts to app/ts/config.ts

    Fill in values for window.__directConfig.stagingDomain and window.__directConfig.productionDomain if you intend to use staging and production environments. Otherwise, they can be left as empty strings.

  2. Run a local instance

npm run start
  1. View the server at http://localhost:8080/

Troubleshooting

ImportError: cannot import name apiproxy

https://stackoverflow.com/questions/69465376/app-engine-python-2-7-importerror-cannot-import-name-apiproxy

About

Direct is a tool that helps motion designers provide clear, precise motion direction for engineers.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published