一种基于AnimateCC+Canvas的随机粒子动画效果设计
作者:潘博
来源:《电脑知识与技术》2020年第16期
作者:潘博
来源:《电脑知识与技术》2020年第16期
canvas动画 摘要:粒子动画是一种应用广泛的动画效果,也有不同的制作方法。Animate CC是Flash的延续和发展,在动画制作方面功能强大,而Canvas是HTML5在网页中绘制图形、制作动画的核心元素。本文通过描述动画制作、代码编辑、效果拓展几个环节,介绍了一种基于Animate CC+Canvas的粒子动画制作方法,以求简单、高效地制作粒子动画,并能跨平地展示、应用。
关键词:Animate;Canvas;粒子动画;HTML5
中图分类号: TP37; ; ; ; 文献标识码:A
文章编号:1009-3044(2020)16-0211-02
粒子动画是动画、视频和特效中常用的一种动画效果,如雨、雪、花瓣飞舞、烟花等动画都可以看作是粒子动画,在网页特效和MG动画里面也经常能看到各种粒子动画效果,这些粒子动画因其良好视觉冲击力,往往容易吸引人的眼球。粒子动画的制作方法很多,如使用HTML5+Canvas或JavaScript等篇写代码实现,3dsmax、Maya或Cinema 4D制作3D粒子动画,After Effects使用表达式制作粒子特效等等。这些方法往往伴随着复杂的代码编写,或者制作的粒子效果不易拓展。本文另辟蹊径,介绍一种基于Animate CC+Canvas的粒子动画制作方法。这种方法先在Animate CC里制作单个粒子动画,通过脚本编辑形成多个粒子效果。
1 Animate CC与Canvas简介
Flash动画因其制作简单、功能强大,曾经在PC互联网时代大行其道,但随着移动互联网的广泛应用和智能手机的普及,Flash安全性方面的问题越来越突出,于是逐渐退出了互联网江湖,Adobe转而推出了Animate CC。Animate CC实际是Flash在移动互联网时代的延续和发展,相比于其他网页动画制作方法,它具有以下几点优势:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论