Skip to main content
  1. All Posts/

direct

Tools TypeScript

Direct

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