# Affinity切图对位导入到AE

**Repository Path**: wavef/affinity-slices-to-ae

## Basic Information

- **Project Name**: Affinity切图对位导入到AE
- **Description**: 导入 Affinity 切图到 AfterEffects 并对齐位置
- **Primary Language**: JavaScript
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-21
- **Last Updated**: 2026-01-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Affinity Slices To AfterEffects

一个用于 **Adobe After Effects** 的 ExtendScript 脚本，执行后会让用户选择Affinity导出的Spine.json，并把同级目录下的切片导入到AE，并还原其在Affinity内的坐标

---

## ⛳️ 安装脚本

把脚本复制到以下目录后重启AE，即可通过菜单“文件 → 脚本 → 执行脚本 → affinity-svg.jsx”执行脚本。

### macOS
/Applications/Adobe After Effects <版本>/Scripts/

### Windows
C:\Program Files\Adobe\Adobe After Effects <版本>\Support Files\Scripts\


## 📦 功能简介

Spine.json 里的核心字段：

- `slots`：决定图层的绘制顺序  
- `skins.default`：存放各个 attachment 的坐标、宽高信息  
- 每个 attachment 对应同目录下的 PNG 图片  

脚本会：

- 让用户选择一个 Spine JSON 文件  
- 读取 JSON 结构  
- 从 JSON 同级目录导入 PNG  
- 按 `slots` 顺序创建图层  
- 将每个图层放入当前打开的 Composition  
- 使用合适的坐标系统转换（Spine → AE）

---

## 🚀 使用说明

- 启动 After Effects  
- 打开目标 Composition（* 你必须先打开一个合成）
- 选择 `File → Scripts → Run Script File...`  
- 选择 `import_spine_json.jsx`  
- 脚本会自动导入图片并按 JSON 摆放图层