基础教程：Hype 4元素面板 — 行绘制动画

在上一章节，详细讲解了Hype 4中的铅笔的平滑的属性以及平滑属性在绘制路径上的作用。本章继续讲解Hype 4 HTML5创作工具中铅笔绘制选项中行绘制的其他属性——行绘制动画及封闭路径选项。

一、创建行绘制动画

选择了“创建行绘制动画”，Hype 4会自动把整个绘制的过程记录在时间线上。通过点击播放，可以回放绘制路径的过程。

图1：创建行绘制动画

路径绘制过程的回放速度可以调整，在“创建行绘制动画”的右边有回放速度设置，可以设置回放的速度为1X、2X、3X、5X和10X。

1X：表示回放的速度和手绘的速度是一样的，也就是绘制路径的时间与播放的时间一样。

2X：表示以2倍速快进回放绘制过程。

3X、5X和10X：以3倍速、5倍速和10倍速快进回放绘制过程。

图2：回放速度比较

不管选择哪个回放速度，在时间线上的回放，仍然会受到运动曲线的影响。

图3：运动曲线对回放的影响

铅笔绘制选项中的创建行绘制动画与路径选项中的行绘制创建的动画的区别。它们的区别主要有两个：

• 区别一：铅笔绘制选项中的创建绘制动画是在绘制的过程中进行录制的；路径选项中的行绘制创建的动画是绘制结束后再进行创建的。

图4：创建行绘制动画的区别

• 区别二：铅笔绘制选项中，创建绘制动画的回放时间是以手绘形状的时间为基础，进行1倍速、2倍速等的回放；路径选项中的行绘制创建的动画回放的时间是自己定义的，与手绘的实际时间无关。

图5：行绘制动画回放时间的区别

二、在靠近行起点时关闭路径

这款H5制作软件的铅笔在绘制路径时是看不到锚点的，因此起点锚点和终点锚点很难达到重合，从而使形状封闭。如果需要绘制的封闭路径，就要选择“在靠近行起点时关闭路径”，这样当起点锚点和终点锚点距离接近到一定程度，路径就会自动关闭了。

图6：绘制封闭路径

三、总结

铅笔提供了一种随意绘制矢量图形的方法，它虽然没有钢笔绘制来得精确，但在某些场合能使绘制的图形比较自然而且多变。而且铅笔还能够录制绘制路径过程，还提供了不同倍速的回放。