绘图变换：一种统一的交互原语，用于跨样式、空间和时间过程操作图形

文献标题

Drawing Transforms: A Unifying Interaction Primitive to Procedurally Manipulate Graphics across Style, Space, and Time

文献信息

• 主题领域: 人机交互（HCI）、计算设计、程序化艺术
• 关键词: 创造性支持工具, 直接操作, 程序化艺术, 动画, 图形用户界面, 矢量绘图, 数据可视化

研究背景与问题

• 问题与挑战:

  • 当前的程序设计工具（如编程语言）非常计算表达性强，但通常不支持艺术家直接操作具体的艺术创作。
  • 直接操作工具支持有限的程序表达，但局限于预定义的行为和输入，不够通用。
  • 不同领域的程序化直接操作系统缺乏统一的方法，难以相互兼容或扩展，例如整合程序化布局和动画。
  • 需要开发一种支持用户自行定义程序化关系的灵活方法，同时兼顾跨领域的广泛应用。

• 研究重要性: 提高设计工作流和视觉创作的效率和灵活性，帮助艺术家在图像设计、动画制作和动图生成中快速实验、编辑和调整。

• 研究动机:

  • 通过以几何图形为输入，支持项目的直观创建和控制，以替代需要复杂符号编程的方法。
  • 将绘图转化为程序行为定义方式，促进视觉创造中的程序化表达。

解决方案

• 方法与技术:

  • 提出了 "Drawing Transforms (DTs)"，一种新型的交互原语，用于通过直接操作矢量输入来定义程序化变换。
  • DTs允许用户通过绘制矢量形状来控制目标图形的样式、空间和时间属性。
  • 灵感来源于应用几何输入来指定程序行为的既有研究，同时扩展支持跨领域的灵活性。

• 创新之处:

  • 支持将任意几何输入解释为程序化变换。
  • 允许低层级的程序表达（如自定义约束、分布）。
  • 广泛的跨领域适用性：涵盖静态图形输出、动画生成、粒子系统等多个方面。
  • 通过 "参数化"、"属性映射" 和 "行为模式" 来实现输入输出几何的灵活关联。

• 实施步骤与关键技术:

  1. 几何参数化: 将输入几何划分为片段并计算数值，用于驱动目标图形的变换。
  2. 属性映射: 控制目标图形的特性，例如位置、颜色、形状、时间等。
  3. 变换模式: 包括绝对模式和相对模式，定义属性是直接设置还是相对于初始值变换。
  4. 行为操作: 定义多个元素如何响应输入几何，如插值、交替或随机行为。
  5. 触发点与事件: 定义触发条件和响应函数（如动画事件）。

研究成果

• 具体成果:

  • 在实验性动画系统 AMES 中实现了 DTs。
  • 能够重现和扩展已有的动画和图形生成系统的功能，包括：
    1. 使用 DTs 生成静态和动态图形，如星空闪烁效果。
    2. 通过 DTs 重现符号编程工具生成的复杂动画行为（如 N-Gon 动画）。
    3. 利用 DTs 完全定义和控制粒子系统行为（如烟雾和焰火效果）。

• 与现有解决方案对比的优势:

  • 统一了多个程序化操作工具的功能，支持跨领域的视觉设计和动画。
  • 多种手绘输入的灵活性，避免了符号编程的陡峭学习曲线。
  • 艺术家能够通过低层级控制探索更多创新可能性，例如自定义粒子系统和动态动画。

• 实验及评估结果:

  • 通过一系列演示性实验验证了 DTs 的表达能力，与当前领先工具实现相似的视觉效果。
  • 受访的专家艺术家评价 DTs 能有效地增强现有工具（如 Photoshop 和 AfterEffects）的手势和程序化支持。

• 局限性及未来方向:

  • 当前实现中尚未支持双向编辑（即无法直接通过编辑输出结果来影响输入），未来可探索这一功能。
  • 需要进一步增加自动化与手动控制结合的支持，帮助减少艺术家工作量。
  • 未来可扩展到其他领域，如数据可视化、交互设计与参数化 CAD 工具。

总结

Drawing Transforms (DTs) 提供了一种通用的程序化作者工具，使得艺术家使用绘图与矢量图示直接生成并操作程序化关系，从而在风格、空间和时间维度上对作品进行灵活的创作与操控。它在程序化艺术、动画和交互设计中具有广泛的应用潜力，并可能通过扩展支持其他领域的设计任务。