- 0
- 0
- 0
分享
- GA教育 | VVVV入门教程第七讲:拖尾及碰撞
-
原创 2020-05-29


GA教育是GeeksArt推出的一个全新栏目,每期我们会分享一些新媒体创作技术相关的内容,包括VVVV、TouchDesigner和Resolume等,给你提供一个学习新媒体艺术创作的平台。
本期GA教育,我们将分享VVVV入门教程第七讲:拖尾及碰撞。

VVVV,图片来源于MANA官网。
#01
VVVV入门教程
第七讲:拖尾及碰撞
▽
《VVVV入门教程第七讲:拖尾及碰撞》By TonyMark。
关注公众号,回复“VVVV第七讲课件”,获取本节代码、高清教程及案例视频。
#02
图文讲解
图文讲解为部分功能讲解,完整细节请观看视频教程。
01.本讲实现动画效果
▽
第七讲使用拖尾及碰撞节点,实现以下效果。
方块跟随鼠标运动,当方块碰撞到数字,数字将会放大,鼠标的运动轨迹会形成拖尾效果,一起来动手实现吧~

第七讲实现动画效果,图片来源于GeeksArt。
02.搭建项目框架
▽
首先把上一节提供的固定项目模板复制到本讲文件夹下,同时将“Template”的VVVV文件重命名为“#7”,并删除名为“Template~”的XML文件。

固定项目模板,图片来源于GeeksArt。

第七讲项目框架,图片来源于GeeksArt。
03.启动项目,建立数字矩阵
▽
双击VVVV文件启动项目,删除操作界面中的Template节点,该节点对应刚刚的Template XML文件。

删除Template节点,图片来源于GeeksArt。
进入Calculation节点,关闭窗口中的方块和三维坐标。


关闭方块和三维坐标效果,图片来源于GeeksArt。
通过LinearSpread线性铺展和Cross相交节点,生成VVVV矩阵。

通过LinearSpread和Cross节点生成VVVV矩阵,图片来源于GeeksArt。
下一步操作是将窗口内的所有VVVV变成数字。
这里使用了i节点和AsString节点,用于铺展数字和类型转换。

然后再通过调整LinearSpread和Transform节点的对应值,改变数字的数量及大小。

04.实现碰撞效果
▽
为了实现方块跟随鼠标运动,我们使用Quad节点创建方块,再通过xyZ节点获取鼠标位置,连接两者即可实现跟随鼠标效果。

方块跟随鼠标运动,图片来源于GeeksArt。
此时数字并不会因为方块的运动而改变大小。
我们通过Hit Test节点来选择方块的碰撞方式,该节点不能直接连接到Switch节点,需要使用FrameDelay节点来承接。


Hit Test节点的使用,图片来源于GeeksArt。
加入Oscillator振荡器节点,数字会有震荡的效果。

Oscillator节点的使用,图片来源于GeeksArt。
05.拖尾效果
▽
将Rope拖尾节点绑定到鼠标,直接复制Rope节点的模板,然后调整相关参数即可。

Rope节点的使用,图片来源于GeeksArt。

-
* 文章为作者独立观点,不代表数艺网立场转载须知
- 本文由 “GeeksArt极客艺术” 授权数艺网发布,已由本站编辑优化排版。 转载请务必在开头或结尾标注 “作者:XXX | 来源:数艺网”,尊重原创及授权权益。 并附上本页链接: 本站部分图文取自网络,如涉及侵权问题,欢迎通过微信 ID:d-arts-cn 告知。我们会立即核实并及时处理,感谢您的理解与监督。




