使用Flash Pro CC 输出动画--html5-canvas
来源:互联网 发布:如何解绑支付宝和淘宝 编辑:程序博客网 时间:2024/05/14 06:57
环境:adobe flash professional cc(2014),最新版不是cs6,cs6没创建html5-canvas的功能
新建:
选择时间轴,选定第一帧,画一个圆形:
选择30帧,按F7插入空白关键帧,再将其之间任意地方右击选择"创建补间动画".按ctrl+enter可以看到一段动画效果
再在60帧处添加空白关键帧,画和第一帧一样的图形,创建补间动画后,就是一个连贯的循环了.
添加控制按钮
新建图层,写文字,如"play",选中文字,在属性中指定"实例名称",如:
再添加一个图层,按F9,添加"动作",即javaScript代码:
this.stop();this.btn.on('click',this.play.bind(this));之后运行,就可以看到效果了.
添加运动补间动画
新建一个图层,在第一帧放入一个图形,然后按F8添加为原件:
再在本图层任意一帧右击选择创建补间动画,选中最后一帧,移动图形,即可设置运动路径,如(已隐藏其它图层):
接着ctrl+enter即可在浏览器运行,属于html5
运行中的某帧:
0 0
- 使用Flash Pro CC 输出动画--html5-canvas
- 使用html5 canvas 画一台小单车动画
- html5之canvas动画
- html5 canvas气泡动画
- Flash HTML5动画特效
- HTML5 Canvas 教程 2.4.2 使用 requestAnimationFrame 方法创建动画
- 使用Html5的canvas制作的小动画
- 使用HTML5 Canvas创建动态粒子网格动画
- html5使用canvas画布制作圆形加载动画
- HTML5 Canvas 视差滚动动画
- HTML5 Canvas动画效果演示
- HTML5 Canvas超炫酷烟花动画!
- HTML5 canvas 制作动画原理
- 动画裁剪程序-HTML5 Canvas
- html5的canvas旋转动画
- Html5 Canvas 3D 动画
- html5 使用canvas画线
- html5 canvas使用
- 一款可视化JavaScript图表库
- 八大排序算法
- GCD间接与同步、异步、并发联系
- 思念大学
- 史上最坑的函数 --- strtok
- 使用Flash Pro CC 输出动画--html5-canvas
- github相关
- 结构、联合、枚举
- Arduino的图形化开发环境: ArduBlock
- 【界面设计总结】探索+实践所要看过的书
- 取精华、去糟粕!适合iOS开发者的15大网站推荐
- Lucene之分词
- java 生成xml格式的文件
- Freemarker模板应用