选择显示字体大小

actionscript animation 简明教程

本文译者:egoldy
文章出处: http://www.bit-101.com
文章性质:翻译
译者网站很值得一看:http://www.webstudio.com.cn/

actionscript animation 简明教程

本教程节选自bit-101.com的未正式出版的新书making things move的新书介绍。主要内容是关于速度,加速度,弹性,缓动,摩擦力,重力等内容,这里没有非常详尽的内容,如果你想知道更详尽的内容,可以预定购买作者的新书making things move…相信一定是一本好书。引用keith peters的话就是你一定不要直接将代码粘过来用,只有理解了它的应用,才能运用自如。在本教程中本人对大部分内容进行了扩展讲解。希望对于初学或中级用户有所帮助,由于多年没有研究过数学物理,难免有误,希望多多指正。

1. 速度

物体的运动都是沿着一定的方向,以恒定或是加速度的方式的运动的。在falsh中要使物体以一个恒定的速度运动,就需要我们在每一帧不断的累加恒定的速度。这里面我们使用一种帧的循环的方式,来使物体不断的累加恒定的速度,以达到目的地。对于帧的循环方式大致上有三种,一种是使用代码onenterframe,一种是使用setinterval,另一种就是使用二到三帧来达到循环,如果你对这三种方式不太熟,请查看帮助来学习。

在x轴方向的速度我们定义为vx,方向是向右,如果向左只要设为负值就可以。
例如:
代码:
vx=5;
onenterframe=function(){
    my_mc._x+=vx;  //你也可以写成 my_mc._x=my_mc._x+vx;
}

演示:

flash/swflash.cab#version=6,0,29,0 height=300 width=400 classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000>flashvars" value="">idea.com/articleimg/2005/06/2539/a0001.swf">idea.com/articleimg/2005/06/2539/a0001.swf">access" value="always">idea.com/articleimg/2005/06/2539/a0001.swf" width="400" height="300" play="true" loop="false" menu="true" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash">

我们发现mc以恒定为5的速度向右移动,如果想要它向左移,只要将vx设为负值即可。

通过上面的代码我们可以变通一下,如果想使小球上下移动,可以设置y轴上移动。代码如下:
vy=5;
onenterframe=function(){
    my_mc._y+=vy;  //你也可以写成 my_mc._y=my_mc._y+vy;
}

这里就不再做演示了。你可以自已试一下,看看你是否理解了。

下面,我们再变通一下,在物理中有一个概念叫合速度,也就是x轴和y轴方向上的合速度。下面我们就来看一下,你可能已经知道了我在说什么。下面来看一下代码:最好你能在看下面代码之前自已写出来。

代码:
vx=5;
vy=5;
onenterframe=function(){
    my_mc._x+=vx;
    my_mc._y+=vy;
}

演示:

flash/swflash.cab#version=6,0,29,0 height=300 width=400 classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000>flashvars" value="">idea.com/articleimg/2005/06/2539/a0002.swf">idea.com/articleimg/2005/06/2539/a0002.swf">access" value="always">idea.com/articleimg/2005/06/2539/a0002.swf" width="400" height="300" play="true" loop="false" menu="true" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash">

演示发现它已经沿着x,y合速度的方向移动了。是不是觉得很容易?这里我用的vx,vy都是5,也就是说合速度的方向是45度,当然你可以让vx,vy为不同的值,会有不同的速度也会沿不同的方向移动,如果反向,自然设置vx,vy为负值即可。

上面的学习如果你认为很容易,那下面这段相信对你也不会有问题,刚才我们说到当设置vx,vy都相同时,它是以45度的合速度方向运动的。虽然设置不同的值可以代表不同的方向。但这种方法很不科学。我们可以动用我们的数学知识,来让物体按我们指定的特定的角度移动。这里需要复习一下我们的数学知识。
(1) 弧度:弧度=角度*pi/180;
(2) 角度:角度=弧度*180/pi;
如果以指定的角度运动。那么这时的速度累加相当于沿着半径的方向。最终目的点是到达沿着半径方向的某一点。由于是合速度,我们需要定义一个统一个合速度以方便我们将x和y 轴上的速度分解出来为vx,vy。我们定义为speed;
那么在x轴方向上的速度应为:
vx=math.cos(radians)*speed;
在y轴上的速度应为
vy=math.sin(radians)*speed;

代码:
speed=10;
angle=15;
radians=angle*math.pi/180;
onenterframe=function(){
    vx=math.cos(radians)*speed;
    vy=math.sin(radians)*speed;
    my_mc._x+=vx;
    my_mc._y+=vy;
}

演示:

flash/swflash.cab#version=6,0,29,0 height=300 width=400 classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000>flashvars" value="">idea.com/articleimg/2005/06/2539/a0003.swf">idea.com/articleimg/2005/06/2539/a0003.swf">access" value="always">idea.com/articleimg/2005/06/2539/a0003.swf" width="400" height="300" play="true" loop="false" menu="true" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash">


通过演示你已经发现小球已经沿着15度的方向移动了。这样angle相当是一个接口参数,你可以任意的对小球的方向进行控制。

出处:webstudio
责任编辑:qhwa

上一页 下一页 加速度和重力

◎进入论坛flash专栏版块参加讨论

相关文章 更多相关链接
flash paper 2
flash缓冲滚动升级版本
第十二届国际flash电影节入围名单
flash声音高级篇:nullsound技术
actionscript 最新加密方法
作者文章 更多作者文章
flash 8 少为人知的特性
actionscript animation 简明教程
flash mx 2004 数据绑定
flash dynamic mask 动态遮罩
flash mx 2004 video
idea.com" method=get style="margin:0px; padding:0px;">idea.com">idea.com/img/google_search_title.gif;s:http://www.blueidea.com;forid:1;">
全网 idea.com';this.form.bisearch.value='cms';form.searchby.style.display='';document.getelementbyid('keyword').style.width='70px';">本站 idea.com';this.form.bisearch.value='bbs';form.searchby.style.display='none';document.getelementbyid('keyword').style.width='132px';">论坛
热门搜索:css fireworks 设计比赛 网页制作 dreamweaver studio8 flash
站点最新 站点最新列表
保持清晰的文档结构
月亮图腾教程ⅴ—最后一战
x-sapce使用系列教程
x-space安装系列教程
抽线以及虚线画法简明教程
创新设计 百万格子大楼
discuz!转换系列教程
世界杯足球的32个变种
易上手简单图层样式扣图
一封写给mm学习linux的信
栏目最新 栏目最新列表
保持清晰的文档结构
月亮图腾教程ⅴ—最后一战
x-sapce使用系列教程
x-space安装系列教程
抽线以及虚线画法简明教程
discuz!转换系列教程
易上手简单图层样式扣图
十分钟学会 xajax
css 菜单举一反三
利用照片制作版画简明教程
>> 分页 首页 前页 后页 尾页 页次:1/51个记录/页 转到 页 共5个记录

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

本文现有 4 条评论 评分:- llllllllllllllllllll + 评分人数: 4 ,平均分: 4.00


magcard publish at 2005-9-22 16:42:15 评分3
不错不错!教程通俗易懂,简洁明了,不愧是大师级的高人.....
itmyth publish at 2005-9-21 16:02:17 评分3
译者的网站 webstudio.com.cn--设计也未免太热烈了吧?那个红彤彤的大动画一看就眼晕...faint...
kevinleo publish at 2005-7-14 14:32:20 评分5
好啊,www.bit-101.com中的例子更是让人叫绝.
可是译者的网站作品是不是被黑了啊,哈哈,昆明滇池高尔夫球会的那个一连就是sq网站,我还以为是他做的呢。
小小杀手 publish at 2005-6-7 9:28:55 评分5
好书!我要买!
asp" method="post" onsubmit="submit.disabled=true;">
您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分12345
注意:请不要在评论中含与内容无关的广告链接,违者封id
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 打印文档 评论文档 报告错误  
专业书推荐 更多内容
flash第一步系列》
《交互设计之路》
dreamweaver 从基础到实践》
《色彩管理》
网页设计专家门诊》
《情感化设计》
gui设计禁忌》
html>


 


关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

源码编程相关

Java   Asp   PHP   .Net   XML   C/C++   CGI   VB   Jsp   J2ee   J2se   J2me   EJB   Servlet   Tomcat   Resin   Struts   Weblogic   Eclipse   ANT   GUI   JMS   Web servise   IDEA   Webphere   Hibernate   Spring   Jboss   Applet   Swing   Socket   Javamail   Perl   Ajax   P2P   安全   模式   框架   测试   开源   游戏

SQL数据库相关

My-SQL   Ms-SQL   Access   DB2   Oracle   Sybase   SQLserver   索引   存储过程   加密   数据库   分页   视图  

手机无线相关

3G   Wap   CDMA   GRPS   GSM   IVR   彩信   短信   无线   增值业务

网页设计制作相关

HTML   CSS   网页配色   网页特效   Javascript   VBscript   Dreamweaver   Frontpage   JS   Web   网站设计

网站建设推广相关

建站经验   网站优化   网站排名   推广   Alexa

操作系统/服务器相关

Windows XP   Windows 2000   Windows 2003   Windows Me   Windows 9.x   Linux   UNIX   注册表   操作系统   服务器   应用服务器

图形图像多媒体相关

Photoshop   Fireworks   Flash   Coreldraw   Illustrator   Freehand   Photoimpact   多媒体   图形图像

标准 网站致力的规范

Valid CSS!

无不良内容,无不良广告,无恶意代码

Valid XHTML 1.0 Transitional

creativecommons