动画效果 - 转换

转换

由Material组成的层面通过伸展、收缩、改变形状、拼合或拆分等方式体现虚拟纸张的强大可塑性,与魔法般的内容承载力。

矩形转换

相异变化速率

如同移动,受重力影响,在特定情境中矩形Material层面水平方向和垂直方向的速率变化并不一致。为了达到这一效果,可以通过改变宽度与高度的计算方式,从而只需操控单一参数θ的变化速率:

  • 当前宽度变化量 = 目标宽度变化量 × cos(θ)
  • 当前高度变化量 = 目标高度变化量 × (sin(θ) + 1)
  • 其中 θ ∈ [-π/2 , 0]

相异速率的尺寸变化通常用于矩形Material层面揭露或遮罩内容。

Material层面宽高速率变化不同强调了变化过程。

相同变化速率

相同速率的尺寸变化通常用于层面内容的变换,或需要保持一定内容尺寸比例的矩形Material层面变换,以避免转换时内容比例与层面比例不协调。

Material层面宽高速率变化相同淡化了变化过程。


正圆转换

当圆形Material层面转换成矩形层面或复原时,始终呈正圆扩散揭露或聚拢遮罩。

正确

圆形Material层面转换始终呈正圆状均匀地往四周或中心发展。

错误

圆形Material层面转换的宽高变化速率不得相异。

错误

矩形层面之间不得借由圆转换。

错误

非矩形或圆形的层面不适合转换。

圆形Material层面转换时既可以同时沿直线或弧线移动,又可以固定在一处。


拼合与拆分

Material层面在拼合或拆分时通常会保持原始形状与内边距。由于此时层面海拔高度相等,各个层面的阴影不会投射到相邻层面上。