- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
在本项目中,通过制作旋转地球工作任务生动地向读者展示Flash中的显示机制、显示对象的基本属性、容器与子项、舞台类等知识点,利用加载外部文件、通过代码控制事件轴来完成动画制作。
制作旋转的地球
制
作
旋
转
的
地
球
制作旋转的地球
Flash CS6中的显示对象
DisplayObject类
InteractiveObject类
DisplayObjectContainer类
Stage类
Loader类
Sprite类
MovieClip类
何琳是某网络游戏公司的职员,接到主管布置的新任务——制作旋转的地球。要求用户可以用鼠标拖动控制元件进行地球旋转。
制
作
旋
转
的
地
球
任务:制作旋转的地球
由于ActionScript 3.0将位图这样的能在Flash动画中显示给观众的元件都抽象成了不同的类,通过各种语句改变这些显示类的属性达到控制地球旋转的效果。因此,何琳决定使用ActionScript 3.0来完成此任务。
任务:制作旋转的地球
任务
实施
制作旋转的地球
1.新建Flash CS文档
从菜单栏中选择“文件”→“新建”,在弹出的“新建文档”窗口中选择“Flash文件(ActionScript3.0)”,新建一个文档并在文档属性面板中将舞台的宽设置为550像素高设置为350像素。
2.制作前台元件
(1)该程序仅需要制作三个元件,一是具有旋转效果的地球元件,二是用于控制旋转的按钮元件,三是按钮元件的背景元件,下面首先制作按钮元件的背景元件
(2)插入一个名为按钮背景的影片剪辑元件,并使用多角星形工具在元件的工作区中绘制一大一小两个三角形,然后利用任意变形工具将大三角形的高缩小至于小三角形相等,如下图所示。
选中小三角形并将其移动到大三角形中使它们的底边重合,由于Flash中的填充区没有层次之分,重叠的区域会相互覆盖,所以这时移动大三角形会将它们重叠的部分剪切掉入下图所示。
分离后将小三角形删除,选中大三角形剩余的部分展开颜色面板,将填充区的填充样式设置为线性填充,然后在颜色渐进条上添加两个色标将色标从左到右的RGB颜色值分别设置为:#111111、#222222、#6F6F6F、#262626,设置后利用渐变变形工具调整填充的方向和范围,色标位置和填充效果如下图所示。
(3)插入一个名为按钮的按钮元件,在该按钮元件的弹起帧放入一个按钮背景元件,然后展开滤镜面板为该元件添加投影和发光两个滤镜,滤镜的参数如下:
“投影”滤镜效果:模糊X和模糊Y:10、角度:90、品质:高、距离10
“发光”滤镜效果:模糊X和模糊Y:12、强度:50%、颜色:#000000、品质:高
然后分别在指针经过帧和按下帧中放入按钮背景元件,按下帧中的按钮背景元件要稍向右移动一些,这样在按下按钮时按钮会有向按钮方向移动的效果。放置好后分别为这两帧中的按钮背景元件添加滤镜,滤镜参数如下:
指针经过帧滤镜参数:
“投影”滤镜效果:模糊X和模糊Y:10、角度:90、品质:高、距离10
“发光”滤镜效果:模糊X和模糊Y:30、颜色:#547EED、品质:高
按下帧滤镜参数:
“投影”滤镜效果:模糊X和模糊Y:10、角度:90、品质:高、距离10
“发光”滤镜效果:模糊X和模糊Y:12、强度:50%、颜色:#000000、品质:高
(4)选择菜单栏中的“文件”→“导入”→“导入到库”选项,在导入路径中选择光盘路径\ch09\任务\21\旋转图片\,将旋转图片文件夹中的图片全部导入到库中。这些图片是组成地球元件旋转的素材,在制作地球元件时无法使用补间动画的方法自动创建各个旋转角度的地球效果,所以只能从外部导入已经制作好的图片,每一张图片都要作为地球旋转动画的关键帧。为了便于管理这些位图,在库面板中创建一个名为picture的文件夹将这些图片统一放到该文件夹中。
新建一个名为地球的影片剪辑元件选中时间轴的第1到第52帧,然后快捷键[F6]在这些帧中插入空白关键帧,如下图所示。
插入后依次按序号从库面板中将地球图片放置到相应的帧中,例如需要将名为位图7的地球图片放入第七帧中。在放入位图时要注意每帧中图片的位置都要相同,否则在播放时会出现位置偏差。
(5)返回主场景,选择文本工具在舞台的左上角创建一个静态文本并在其中输入“拖动地球控制旋转角度”字样然后在舞台的右下角再并排创建一个静态文本和一个动态文本,在静态文本中输入“当前旋转角度:”字样,将动态文本的实例名称设置为“degree”作为动态显示地球元件旋转角度的文本框。
在从库面板中拖动出两个先前制作的按钮元件,选中其中一个展开变形面板并在其宽度输入框中输入-100%从而产生反向的按钮元件。
最后再从库中拖动出一个地球元件将各个元件按下图所示的位置放置好并按图中个元件旁的名字为各个元件设置实例
您可能关注的文档
- EDA技术教学课件 第二章 电路原理图编辑.ppt
- EDA技术教学课件 第三章 PCB的设计.ppt
- EDA技术教学课件 第四章 VHDL硬件描述语言.ppt
- ERP原理与应用(资料包)第1章.doc
- EDA技术教学课件 第一章 绪论.ppt
- ERP原理与应用(资料包)第2章.doc
- EDA技术教学课件 第五章 Quartus Ⅱ软件介绍.ppt
- ERP原理与应用(资料包)第3章.doc
- ERP原理与应用(资料包)第4章.doc
- ERP原理与应用(资料包)第5章.ppt
- Flash CS6游戏编程教程资料-项目六 使用Flash CS幻灯片演示文稿.pptx
- Flash CS6游戏编程教程资料-项目七 探讨ActionScript 3.0 入门.pptx
- Flash CS6游戏编程教程资料-项目三 详解Flash CS6 面板.pptx
- Flash CS6游戏编程教程资料-项目十 探索时间类的作用.pptx
- Flash CS6游戏编程教程资料-项目四 详解画制作.pptx
- Flash CS6游戏编程教程资料-项目五 导入Flash CS声音文件和视频文件.pptx
- Flash CS6游戏编程教程资料-项目一 初识Flash.pptx
- Flash 动画制作(CS5)《Flash CS5动画设计与制作》课程教学大纲.doc
- Flash 动画制作(CS5)Flash CS5快捷键.doc
- Flash 动画制作(CS5)Flash CS6简介.doc
最近下载
- GCB6.0操作手册.pdf VIP
- 省级优秀课件小学红色文化主题班会《红色交通证》.pptx VIP
- 《车间质量培训》课件.ppt VIP
- 第八届中国(淄博)国际陶瓷博览会ren体彩绘教学幻灯片.ppt VIP
- AP微积分AB 2014年真题 (选择题+问答题) AP Calculus AB 2014 Released Exam and Answers (MCQ+FRQ).pdf VIP
- delem DA61操作手册(中文).pdf VIP
- 新疆叶城县2025年上半年公开招聘辅警试题含答案分析.docx VIP
- 学堂在线 临床中成药应用 综合考试答案.docx VIP
- 离心泵与.ppt VIP
- 《离心泵.ppt VIP
文档评论(0)