@clayzo/动画

用于 Clayzo 动画文档的平稳,打字的作者表面.

npm install -D @clayzo/animation

import {
  ANIMATION_DOCUMENT_VERSION,
  assertValidAnimationDocument,
  constant,
  packageClayzoBundle,
  withComputedRevision,
  type AnimationDocument,
} from "@clayzo/animation";

const document = withComputedRevision({
  version: ANIMATION_DOCUMENT_VERSION,
  id: "example",
  revision: "",
  name: "Example",
  // canvas, timing, assets, compositions, components, markers, capabilities…
} as AnimationDocument);

assertValidAnimationDocument(document);
const portable = await packageClayzoBundle(document, { assetBytes: {} });

国家是国家机器 超过标记:

import { stateMachine, withStateMachine } from "@clayzo/animation";

const button = withStateMachine(
  document,
  stateMachine({ initial: "idle" })
    .state("idle", { marker: "idle" })
    .state("hover", { marker: "hover", playback: "once" })
    .state("loading", { marker: "loading", playback: "loop" })
    .on("pointerenter", "idle", "hover", { hitArea: "button" })
    .on("pointerleave", "hover", "idle", { hitArea: "button" })
    .when("*", "loading", { input: "loading", operator: "eq", value: true }),
  { inputs: { loading: "boolean" }, hitAreas: { button: { nodeId: "button" } } },
);

本套装中有意包含文件合同,构建器宏,验证,条形序列化,修订印章等内容 .clayzo 只有包装。 制作、评价、审查、转换、预览和导出由 clayzo CLI和渲染器包.

用于播放, 使用 @clayzo/webgl-player 轻量级运行时间或 @clayzo/canvaskit-player 为了最大的忠诚。 回放从不联系 Clayzo 认证服务 .