程序化变形动画

>s 利用ZENO的循环操作，我们可以制作一些程序化的变形动画效果，极大的节省了传统的动画K帧时间，也可以制作出更多复杂可控的效果。

![](/media/202206/BX01_1656316831.gif)

源文件下载：[【附件】deformationcar.zip](/media/attachment/2022/06/deformationcar.zip)

## 基本模型导入

1.通过==ReadAlembic==节点导入源文件里的`motuo.abc`模型文件，创建==GetAlembicPrim==可以精确获取abc文件的每一部分。默认读取的index为0.

![](/media/202206/bx02_1656318527.png)

2.添加==BeginFor==+===EndForEach==节点，循环次数为156，`Index`连接给==GetAlembicPrim==的`Index`,运行后我们看到整个模型完全加载出来。

![](/media/202206/bx03_1656319191.png)

## 动态偏移

1.创建==NumericInterpolation==节点，需要映射的数值`src`连接循环的`index`，输入最小最大值为0，156.输出最小最大值为-20，20.

![](/media/202206/bx04_1656322140.png)

2.在循环内部创建一个==TransformPrimitive==节点。通过==packNumericVec==节点控制`Translation`,将==NumericInterpolation==映射后的数值给到==packNumericVec==的`Z`端口，运行后我们发现每个零件的沿着Z轴的-20-20距离内排列。

![](/media/202206/bx05_1656322623.png)

3.将时间轴范围调整到0-300，再次创建==NumericInterpolation==节点，对==GetFrameNum==时间帧进行映射。输入最小最大值为0，200.输出最小最大值1，0.勾选`isClamped`将结果输入到一个==NumericOperator==节点上，`op_type`选择`mul`，与==packNumericVec==相乘，结果给到==TransformPrimitive==的`Translation`上。播放动画，我们就可以看到物体从0帧到200向原始位置合并。

![](/media/202206/BX02_1656323722.gif)

![](/media/202206/bx06_1656323763.png)

## 动态旋转

1.首先调整下节点的位置，将==packNumericVec==节点放到==NumericOperator==节点的后面。再次创建一个==packNumericVec==，`X`端口连接==NumericOperator==，结果输出到==TransformPrimitive==的`eulerXYZ`端口，点击运行。我们可以看到它的旋转也随时间发生了变换。

![](/media/202206/BX03_1656329602.gif)

![](/media/202206/bx07_1656329623.png)

## 前进动画

1.再循环结果后面创建一个==TransformPrimitive==,通过==packNumericVec==的`X`值控制物体的X轴的平移。该值是通过==NumericInterpolation==节点对==GetFrameNum==的映射，输入最小最大值为200-300（因为循环内的动画200帧结束），输出最大最小值为0-8（代表循环结束后到300帧向X轴正方向移动8个单位）。
运行后我们就看到循环后车子就有了前移的动态。

![](/media/202206/BX04_1656394724.gif)

![](/media/202206/bx08_1656394763.png)

## 创建地面

1.创建==CreatePlane==节点，`size`设置为65，我们得到一个面片，运行后我们发现他和主体模型有穿插。

![](/media/202206/bx09_1656397983.png)

2.通过过==packNumericVec==的`Y`值控制物体的Y轴的运动，该值是通过==NumericInterpolation==节点对==GetFrameNum==的映射，输入最小最大值为200-205（让面片在循环结束后的五帧内移动到原点），输出最大最小值为-0.1-0.此时我们就可以看到在循环结束后地面就有了向上移动的动画效果。

![](/media/202206/BX05_1656399048.gif)

![](/media/202206/bx10_1656399062.png)

## 材质制作

1.首先创建两个==ShaderFInalize==节点，设置不同的`basecolor`值。分别命名`mtlid`，打开显示按钮。

![](/media/202206/bx11_1656400873.png)
![](/media/202206/bx12_1656400877.png)

2.通过==BindMaterial==节点分别将地面和车子绑定给我们创建好的材质。`mtlid`输入正确的材质名字。点击视窗`显示`菜单的`光线追踪`命令，我们就得到了初始的材质渲染效果。

![](/media/202206/bx13_1656401326.png)

3.创建5个==MakeReadPath==节点。分别读取源文件里的Albedo、Gloss、Specular、Normatl、Ao贴图。连接到==MakeSmallList==上。

![](/media/202206/bx14_1656402415.png)

4.创建一个==BeginForEach==+==EndForEach==循环，里面通过==MakeTexture==获取到每一个贴图的路径转换为ZENO可读取的tex。将循环结果输出给==ShaderFinalize==的`tex2dlist`端口。

![](/media/202206/bx15_1656402838.png)

5.创建==ShaderInputAttr==`attr`选择uv.连接给`ShaderTexture2d`节点，`isCUda`选择1，`texid`为0.最后结果输入给==ShaderFInalize==的`basecolor`端口。`metallic`设置为1.点击运行，就看到车子有了颜色贴图并且产生了金属质感。

![](/media/202206/bx16_1656403384.png)

6.同样的，将其他贴图也连接上去，注意贴图的id和数据类型，gloss贴图需要被1减去连接给`roughness`。

![](/media/202206/bx17_1656408053.png)

7.法线贴图的连接方式。

![](/media/202206/bx18_1656408130.png)

8.最后点击运行，我们就可以看到赋予了材质后的动画效果。

![](/media/202206/BX06_1656421208.gif)