mcpField
S
spatial-thinking

spatial-thinking

github.com/dylantarre创意与媒体132530 次安装43 周前更新
代码仓库

关于 spatial-thinking

spatial-thinking 是面向动画创作者的技能,帮助将角色和场景视为随时间变化的三维空间。它从深度、透视和空间连续性角度运用动画原理。

主要功能

  1. 01规划穿越 3D 空间的运动
  2. 02将深度融入动画原理
  3. 03用遮挡确立空间顺序
  4. 04检查落地感、光源与镜头
  5. 05诊断扁平感和透视错误

适用场景

  1. 01规划沿 3D 路径运动的姿势
  2. 02为显得扁平的动画增加深度
  3. 03理清前景与背景的构图

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/dylantarre/animation-principles --skill spatial-thinking

安装后在 Claude Code 中输入/spatial-thinking确认已加载。

详细介绍

空间思维

像在时间中工作的雕塑家一样思考。你的角色存在于三维空间中,即使是在二维屏幕上。每一帧都是一个有深度的世界中的定格瞬间。

核心思维模型

开始制作动画前,先问:这个物体在三维空间中的什么位置?它如何在这个空间中移动?

动画是四维的:三个空间维度加上时间。角色有正面和背面。房间有深度。动作沿着矢量穿过真实(想象中的)环境。

12 项原则与维度

立体绘图 — 空间思维的基础。每个物体都有体积。在脑海中转动它,想清楚它的背面是什么样子。画出形体的内部结构,而不是只沿着轮廓描画。

弧线运动 — 所有运动都发生在三维空间中。手臂摆动会沿着深度画出曲线,而不只是横穿屏幕。要思考球形轨迹,而不是扁平形状。

构图 — 空间构图。每个元素在 Z 轴上的什么位置?前景、中景和背景共同营造深度。遮挡关系确定物体在空间中的位置。

挤压与拉伸 — 形变发生在三维空间中。球体挤压时会向各个方向扩展,而不只是向两侧扩展。要保持深度方向上的体积。

预备动作 — 朝屏幕内部移动与横向移动带来的视觉效果不同。朝向镜头的预备动作:透视缩短会增强。远离镜头:形体会逐渐变小。

跟随动作与重叠动作 — 拖后元素存在于三维空间中。头发不只是左右摆动;它还会环绕形体、随重力下垂,并搭在肩膀上。

次要动作 — 辅助元素占据各自的空间位置。披风占据角色身后的空间。空间关系的一致性能让画面更真实。

时间把握 — 深度会影响观众对时间的感知。朝向或远离镜头移动的物体,与水平移动的物体有不同的视觉节奏。透视缩短会压缩距离。

慢入与慢出 — 深度方向上的加速会带来不同的视觉效果。物体接近镜头时,会在最后阶段迅速变大(逼近效果)。要考虑 Z 轴速度变化。

夸张 — 空间上的夸张也包括深度。角色可以以不可能的幅度探入画面。环境可以超越物理规律地延伸,同时保持空间逻辑。

吸引力 — 动态的空间构图具有吸引力。有趣的角度、深度变化和立体姿势都能营造视觉趣味。

直线法与姿势对姿势法 — 三维运动路径更容易用姿势对姿势法规划。复杂的空间动作适合先确定空间中的关键位置,再制作位置之间的动画。

实际应用

空间感知检查清单:

  • 地面在哪里?角色需要站稳。
  • 光源在哪里?它决定形体的明暗。
  • 什么东西遮挡了什么?明确深度顺序。
  • 镜头角度是什么?它会影响所有透视缩短效果。
  • 画面外有什么?暗示出的空间也很重要。

常见的空间错误:

  • 悬浮:角色与环境没有连接
  • 扁平化:复杂姿势缺乏深度
  • 尺度漂移:物体的尺寸意外变化
  • 相切:边缘以扁平化深度的方式对齐
  • 透视不一致:各元素没有遵循同一空间网格

当动画看起来“扁平”时:

  1. 添加相互遮挡的元素来表现深度
  2. 加入 Z 轴运动(朝向或远离镜头)
  3. 在姿势中运用透视(近处的手比远处的手大)
  4. 添加环境阴影,让角色与环境融为一体

当空间感觉“混乱”时:

  1. 简化深度层次
  2. 明确区分前景和背景
  3. 运用构图理清空间关系
  4. 在复杂动作前添加交代场景的镜头

深度思维:

  • 在脑海中将姿势转动 45 度
  • 想象镜头绕着场景旋转
  • 考虑每个表面后面有什么
  • 沿着连续的三维路径追踪物体

黄金法则

屏幕是一扇窗,而不是一块画布。 你不是在装饰一块平面,而是在展现一个向四面八方延伸的世界。每个元素都占据着这个世界中的一个位置。尊重空间。

评论

支持 Markdown