OUTCOMES
项目结果
- 同一份原型文档支持界面绘制、图层管理、状态变化、手势事件和页面跳转。
- 网页与 Electron 共用编辑器内核，桌面端通过受限桥接补充本地文件、窗口、更新和设备能力。
- Bezier 缓动组件由编辑器中拆分；公开 Demo 基于原始源码和实际运行结果重建。
共享编辑器内核与双运行时架构
网页与 Electron 共用编辑器内核。Electron 补充本地项目、文件、窗口、更新和设备能力，两端读写相同的文档、元素状态与交互事件模型。
ARCHITECTURE EVIDENCE
共享编辑器内核与双运行时架构
INTERACTIVE EVIDENCE
交互 Demo
SOURCE-DRIVEN INTERACTIVE RECONSTRUCTION
QR PREVIEWPoke Studio · Archive Reconstruction
INTERACTIVE PREVIEWCanvas + Layers + Interaction
- 01绘制与图层
- 02状态与事件
- 03Web / Electron 预览
01
编辑工作台
已实现项目、页面、图层、组件、画布和属性面板集中在同一工作台，支持绘制、变换、组合、Mask、撤销与重做。
02
状态与事件
已实现元素可以保存多个状态，并将点击、双击、长按或滑动连接到状态变化和页面跳转；转移时间与缓动曲线亦可配置。
03
文档模型
已实现项目按“项目—页面组—页面—元素”组织，有序列表负责图层顺序，元素映射支持快速读取；Redux 和 Immutable 管理选择、画布与历史状态。
04
双运行时
已实现网页与 Electron 共用编辑器内核；桌面端通过 IPC 补充本地项目、文件、窗口、更新和设备能力。
05
公开重建
公开演示原始前端包通过合成通信桥运行，公开 Demo 再依据实际交互完成重建。Bezier 编辑器亦由该项目拆分为独立组件。