仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 930|回复: 8
打印 上一主题 下一主题

[学习教程] 动画教程之尺度的loading制造办法

[复制链接]
爱飞 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 22:29:53 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
运行时,它可以跨浏览器和操作系统、原汁原味地呈现具有表现力的应用程序、内容和视频,功能强大,兼容性高。
媒介:收集中的swf影片是能够完成边下载边播放的,因为遭到以后收集传输的制约,关于年夜容量的影片,这类及时播放其实不幻想。为制止受众为难的守候,Flash制造职员常常计划一个加载(loading)的画面,等影片的全体字节下载到当地后再播放,从而包管影片的播放质量.本文将先容一种较为尺度的loading制造办法。
步骤:
1.翻开FlashMX2004,选择矩形工具,在主场景中画出下一个只要边框有矩形,本例该矩形巨细为350*16像素。
2.再在主场景中仍用矩形工具画出一个只要添补而无边框的矩形,并按F8键将其转换为影片剪辑(注:其注册点必定要选在该矩形的最左边),实在例名为bar。本例该矩形巨细为345*11像素。
3.将上述两矩形在主场景中分列好,使边框矩形嵌套添补矩形。
4.在上述两矩形中间用笔墨工具拖出一静态文本框,其变量名为bar_per。
至此,筹办事情停当,即创建了两矩形框和一静态文本框,上面筹办编写代码。
5.在主场景中,新建一层,选中该层第1帧,按F9键翻开举措剧本编纂窗口,输出以下代码:
适应高潮,Macromedia公司也开辟了在手机上使用的Flash动画播放器:FlashLite1.1。最后这个播放器只能使用于i-mode手持设备,厥后索爱、诺基亚品牌的一些手机也能利用这个播放器了。在往年市情上已能够看到绑缚了FlashLite1.1的手机,特别是三星手机和Macromedia告竣了互助协定,周全撑持FlashLite1.1。
  1. this.onLoad=function(){
  2. myBytesTotal=_root.getBytesTotal();
  3. }
  4. this.onLoad();
  5. this.onEnterFrame=function(){
  6. myBytesLoaded=_root.getBytesLoaded();
  7. bar_xscale=myBytesLoaded/myBytesTotal*100;
  8. percent=Math.round(bar_xscale);
  9. this.bar._xscale=bar_xscale;
  10. this.bar_per=percent+"%";
  11. if(myBytesLoaded==myBytesTotal){
  12. deletethis.onEnterFrame;
  13. _root.nextFrame();
  14. }else{
  15. this.stop();
  16. }
  17. }
复制代码
6.从主场景工夫轴第2帧起制造你的flash影片。
注解:


this.onLoad=function(){
myBytesTotal=_root.getBytesTotal();
}
此段代码是指,当影片剪辑(本例指两矩形和一静态文本框所存在的主场景)加载时,读取主工夫轴存在的一切元素的总字节数并赋值给变量myBytesTotal。

this.onLoad();
flash事务处置函数MovieClip.onLoad=function(){…}有些奇异,个中设置的代码,若不在前面加上this.onLoad();,这些代码其实不能实行,因而加上这一句以便这些代码得以实行。


myBytesLoaded=_root.getBytesLoaded();//读取主工夫轴存在的一切元素已加载的字节数,并将其赋值给变量myBytesLoaded。


bar_xscale=myBytesLoaded/myBytesTotal*100;//将myBytesTotal折算成100时,myBytesLoaded所失掉的折算值赋给变量bar_xscale,以便给主场景中bar的_xscale赋值(_xscale的最年夜值只能为100),这里用到了初等数学的比例盘算。

percent=Math.round(bar_xscale);//将变量bar_xscale的值取整后赋给变量percent,以便显现的百分比不带小数。
拓展:
1.“下载速率”的代码计划
①在主场景顶用笔墨工具拖出有得当宽度的静态文本框,并设其变量名为rate。
②在主场景代码层第1帧this.onEnterFrame=function(){}代码体if语句前追加以下代码:
  1. t=getTimer();
  2. rate="下载速率:"+Math.round(myBytesLoaded/t*100)/100+"K/s";
复制代码
2.“已用工夫和残剩工夫”的代码计划
①在主场景顶用笔墨工具拖出有得当宽度的静态文本框,并设其变量名为mytimes。
②在主场景代码层第1帧this.onEnterFrame=function(){}代码体if语句前追加以下代码:
  1. timeLoaded=Math.round(t/1000);
  2. timeRemain=Math.round(timeLoaded*(myBytesTotal-myBytesLoaded)/myBytesLoaded);
  3. timeRemain=Math.round(timeRemain/60)+":"+Math.round(timeRemain%60);
  4. timeLoaded=Math.round(timeLoaded/60)+":"+Math.round(timeLoaded%60);
  5. mytimes="已用工夫"+timeLoaded+""+"残剩工夫"+timeRemain;
复制代码
注:若“下载速率”的代码没有计划,则上述代码前应追加代码t=getTimer();
拓展后主场景代码层第1帧的全体代码以下:
[code]this.onLoad=function(){
myBytesTotal=_root.getBytesTotal();
}
this.onLoad();
this.onEnterFrame=function(){
myBytesLoaded=_root.getBytesLoaded();
bar_xscale=myBytesLoaded/myBytes</p>
用flash动画制作软件制作的动画文件很小,这样便于在互联网上传输,而且它采用了流技术,只要下载一部分,就能欣赏动画,而且能一边播放一边传输送数据。
只想知道 该用户已被删除
沙发
发表于 2015-1-17 18:02:11 | 只看该作者
它包含了下列常见的形式之一或者几种的组合:流媒体、声音、Flash、以及Java、Javascript、DHTML等程序设计语言。 
乐观 该用户已被删除
板凳
发表于 2015-1-21 17:26:14 | 只看该作者
在Web页面上使用声音是可能的,但是在精确的时间播放声音几乎是不可能的。Flash通过把声音放入时间期限内解决了这个问题,因此你现在可以把声音连接到动画的特定部分或者某个用户交互过程。
透明 该用户已被删除
地板
发表于 2015-1-30 21:34:15 | 只看该作者
作为奖赏,你可以使用关键祯动画支持和tweening- 两个最主要的节省时间的方式。本质上,关键祯是动画中显著事件发生的位置。
灵魂腐蚀 该用户已被删除
5#
发表于 2015-2-6 16:12:22 | 只看该作者
各类广告形式,相信大部分网民基本都关注过,而毋庸置疑,一个画面精美,生动活泼的互动Flash动画广告,比其他广告形式更加吸引你我的眼球。这就是Flash动画的优势。
山那边是海 该用户已被删除
6#
发表于 2015-2-17 04:17:06 | 只看该作者
在Web上只好把动画做得很小。即使最简单的动画也需要较长的下载时间。Flash的流技术和矢量图形对这种情况做了改变。
老尸 该用户已被删除
7#
发表于 2015-3-5 15:53:24 | 只看该作者
不过,要说国内在FLASH动画领域做的比较出色的,公认的是广州形动数码科技。
柔情似水 该用户已被删除
8#
发表于 2015-3-12 10:22:36 | 只看该作者
FLASH动画的视觉观赏效果好,容易给民众留下深刻的印象,是动画行业从业者和动画创意设计制作机构的主要业务之一。
莫相离 该用户已被删除
9#
发表于 2015-3-19 20:42:04 | 只看该作者
关于位图和矢量图形的区别,可参看Flash教程。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 08:07

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表