Motion spec

RAYNEO 动效规范

The single source of truth for RAYNEO motion. Read-only — the app tools and the AE plugin all pull from this exact spec.

🔒 Official spec · read-only · changes go through the admin. To propose an edit, tweak it in MotionSpec and send the admin the link.

Curves

A curve is the "feel" of a motion — how it speeds up and slows down. The moving dot below plays each curve in real time; watch it, don't just read the numbers. The line is the curve, the dot is what you'll see.

Durations

Named time steps in milliseconds. Pick the name, not a raw number — that keeps everyone on the same rhythm. Bars are drawn to scale.

Presets

A preset bundles property + range + curve + duration into one named motion — this is what the AE plugin applies and what the audit checks against.

Why App and Glasses differ

App

On-screen UI. Motion can be lively and quick — overshoot (bounce, easeout_strong) is fine, standard easing throughout.

Glasses

Motion happens in your field of view. Big, fast, or overshooting moves cause discomfort, so the glasses spec is a smaller, calmer vocabulary: no overshoot curves, slower steps, smaller travel, opacity fades preferred over large motion.

Same curve identities carry the brand feel across both; the platform difference lives in which curves are allowed and how long they run — not in separate, conflicting curve shapes.

Machine-readable endpoints

The AE plugin and the audit read these JSON URLs directly. This page renders the same files.