资讯
展览资讯 大型展会 灯光节 大型盛典 赛事 中标捷报 产品快讯 热门话题 艺术节 活动 演出 新闻 数艺报道 俱乐部签约
观点
大咖专访 观点洞察 书籍推荐 吐槽 设计观点 企业访谈 问答 趋势创新 论文 职场方法 薪资报价 数艺专访
幕后
幕后故事 团队访谈 经验分享 解密 评测 数艺访谈
干货
设计方案 策划方案 素材资源 教程 文案资源 PPT下载 入门宝典 作品合集 产品手册 电子书 项目对接
  • 0
  • 0
  • 0

分享

GA教育 | VVVV入门教程第九讲:连接效果

原创 2020-06-15

GA教育是GeeksArt推出的一个全新栏目,每期我们会分享一些新媒体创作技术相关的内容,包括VVVV、TouchDesigner和Resolume等,给你提供一个学习新媒体艺术创作的平台。

本期GA教育,我们将分享VVVV入门教程第九讲:连接效果

#01

VVVV入门教程


第九讲:连接效果

《VVVV入门教程第九讲:连接效果》By TonyMark。

公众号后台回复“VVVV第九讲课件”,获取本节代码、高清教程及案例视频。



#02

图文讲解

图文讲解为部分功能讲解,完整细节请观看视频教程。

01.本讲实现动画效果

第九讲将使用Random、Newton、Line等节点,实现以下效果。

当两颗球之间的距离超出一定范围,连接线的颜色将变为浅色;当两颗球之间的距离小于一定范围, 则连接线的颜色变得明显。

本讲实现动画效果,图片来源于GeeksArt。

02.搭建项目框架

复制固定项目模板到本讲文件夹下。

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

并将“Template”的VVVV文件重命名为“#9”、XML文件重命名为“#9~”,双击启动项目。

第九讲项目模板,图片来源于GeeksArt。

03.启动项目,调整模板

首先进入Calculation节点内关闭MyText节点的文字效果。

关闭MyText文字效果,图片来源于GeeksArt。

然后进入MyGeometry节点内删除多余的动画效果,并将Bow节点改成Sphere节点,生成一个3D球体动画效果。

删除多余的动画效果,图片来源于GeeksArt。

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

接着将HSV节点的Value值和Sphere节点的ResolutionXY值调高,Transform的ScaleXY值调小,使球体的大小、亮度与光滑度更符合我们的要求。

调整球体形态,图片来源于GeeksArt。

04.制作动画效果

通过RandomSpread节点随机生成两个球体。

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


球体之间需要添加Line节点来连接,该节点的具体使用方法可以按F1查看。

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

Distance节点用来测量距离,Switch节点判断球体之间的距离是否在区间内,否则改变线条颜色。

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

到这一步,我们只实现了球体的单一连接。如果想要实现球体两两之间的连接,我们需要添加Cross节点,相当于循环判断一颗球与另外三个球之间的距离。

球体经过Cross节点判断后,再经过Switch节点判断,从而实现两两相连。

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

未连接的球体之间也存在着线条,我们通过对颜色的调节将其隐藏,可以调节Switch上的Input值将其显示。

调整Switch值显示线条,图片来源于GeeksArt。


实现最关键的一步后,我们只需增加球体数量就能实现本讲动画效果。

增加球体数量,图片来源于GeeksArt。

* 文章为作者独立观点,不代表数艺网立场转载须知

本文由 千核GEEKSART 授权 数艺网 发表,并经数艺网编辑。转载此文章请在文章开头和结尾标注“作者”、“来源:数艺网” 并附上本页链接: 本站部分文字及图片来源于网络,如侵犯到您的权益,请及时告知,我们将及时处理或删除。

教程 vvvv 创意编程 生成艺术 Mapping

22176 举报
  0
登录| 注册 后参与评论