https://github.com/material-motion/direct
Direct is a tool that helps motion designers provide clear, precise motion direction for engineers.
https://github.com/material-motion/direct
Last synced: about 1 year ago
JSON representation
Direct is a tool that helps motion designers provide clear, precise motion direction for engineers.
- Host: GitHub
- URL: https://github.com/material-motion/direct
- Owner: material-motion
- License: apache-2.0
- Created: 2018-08-23T19:57:14.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2025-02-13T22:35:28.000Z (over 1 year ago)
- Last Synced: 2025-04-01T09:31:45.770Z (about 1 year ago)
- Language: TypeScript
- Homepage:
- Size: 2.96 MB
- Stars: 462
- Watchers: 15
- Forks: 26
- Open Issues: 33
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Authors: AUTHORS
Awesome Lists containing this project
README
# Direct
[](https://github.com/google/gts)
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](https://cloud.google.com/appengine/docs/flexible/python/download)
2. Install [node.js and npm](https://nodejs.org/)
3. Install dependencies
``` shell
npm i
```
4. 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.
5. Run a local instance
``` shell
npm run start
```
6. 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