Flash/Flex学习笔记(20)：运动学原理

最新推荐文章于 2021-10-09 10:34:58 发布
最新推荐文章于 2021-10-09 10:34:58 发布
阅读量102 收藏 1
点赞数
分类专栏： Flash/Flex学习笔记 文章标签： Flash Flex 360 UP ActionScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaohulihuhu/article/details/83910159
版权

先写一个公用的小球类Ball:


package{


import flash.display.Sprite;

//小球 类

public class Ball extends Sprite{

private var radius:Number ;//半径

private var color:uint;//颜色


public function Ball(r:Number=50,c:uint=0xff0000){

this.radius = r;

this.color = c;


init();

}


private function init():void{


graphics.beginFill(color);

graphics.drawCircle(0,0,radius);


graphics.endFill();

}

 
}

}

圆周运行与椭圆运动：

主要依靠三角函数结合椭圆公式计算对象的x,y坐标


var ball:Ball = new Ball(5,0xff0000);

 
var ball2:Ball = new Ball(8,0x0000ff);

 
addChild(ball);

addChild(ball2);


var _radius:uint = 75;

var _angle:Number = 0;


var _centerX = stage.stageWidth/2;

var _centerY = stage.stageHeight/2;

var _radius_X = 100;

var _radius_Y = 175;

addEventListener(Event.ENTER_FRAME,EnterFrameHandler);


graphics.lineStyle(1);

 
graphics.moveTo(_centerX,_centerY);

function EnterFrameHandler(event:Event):void {

ball.x =  _centerX +  _radius * Math.cos(_angle * Math.PI/180);


ball.y = _centerY + _radius * Math.sin(_angle * Math.PI/180);

ball2.x =  _centerX +  _radius_X * Math.cos(_angle * Math.PI/180);

 
ball2.y = _centerY + _radius_Y * Math.sin(_angle * Math.PI/180);

_angle += 1;

if (_angle<=360){        


graphics.moveTo(ball.x,ball.y);


graphics.lineStyle(1,_angle * Math.pow(2,24)/360,1);

 
//graphics.lineStyle(1,Math.random() * 0xffffff,1);

 
graphics.lineTo(ball2.x,ball2.y);

 
}   

 
}

匀加速直线运动：
速度公式：v = v0 + at，物理学上的公式虽然是这样，但是到了Flash中思路得稍微换一下，Flash默认为每秒24帧，而EnterFrame事件在每次进入新一帧时触发，所以可粗略的认为每一帧就是一个“单位时间”，匀加速的重要特征就是每单位时间速度增加固定值，所以在Flash中只要在EnterFrame中将速度增加固定值即可

var ball:Ball;

var vx:Number = 0;

 
var ax:Number = 0;

var vy:Number = 0;


var ay:Number = 0;

 
ball = new Ball  ;

addChild(ball);


ball.x = stage.stageWidth/2;

ball.y = stage.stageHeight/2;

 
ball.scaleX = 0.1;

 
ball.scaleY = 0.1;

addEventListener(Event.ENTER_FRAME,EnterFrameHandler);

stage.addEventListener(KeyboardEvent.KEY_DOWN, KeyDownHandler);

 
stage.addEventListener(KeyboardEvent.KEY_UP, KeyUpHandler);

graphics.lineStyle(1,0,1);


graphics.moveTo((stage.stageWidth/2)-10,stage.stageHeight/2);

 
graphics.lineTo((stage.stageWidth/2)+10,stage.stageHeight/2);

 
graphics.moveTo(stage.stageWidth/2,(stage.stageHeight/2)-10);

 
graphics.lineTo(stage.stageWidth/2,(stage.stageHeight/2)+10); 

function EnterFrameHandler(event:Event):void {


vx += ax; //每次进入该帧时，x轴方向的速度增加指定值（即x轴方向匀加速运行）

ball.x += vx;

vy += ay; //每次进入该帧时，y轴方向的速度增加指定值（即y轴方向匀加速运行）    

ball.y += vy;


if (ball.x>=stage.stageWidth-ball.width/2) {

 
ball.x=stage.stageWidth-ball.width/2;       


vx = 0;


} else if (ball.x <= ball.width/2) {


ball.x = ball.width/2;      

vx = 0;

}   

if (ball.y>=stage.stageHeight-ball.height/2) {

 
ball.y=stage.stageHeight-ball.height/2;     


vy = 0;

} else if (ball.y <= ball.height/2) {

 
ball.y = ball.height/2;     

 
vy = 0;

 
}

 
}


function KeyDownHandler(event:KeyboardEvent):void {

switch(event.keyCode){


case Keyboard.RIGHT:


ax = 0.5;


break;

case Keyboard.LEFT:


ax = -0.5;

break;

 
case Keyboard.DOWN:

 
ay = 0.5;

 
break;

case Keyboard.UP:

ay = -0.5;

default:

 
break;

}

 
}


function KeyUpHandler(event:KeyboardEvent):void {

ax=0;

 
ay=0;

}

自由落体运动:
其实就是匀加速直线运动的特例，把上面的代码稍作修改即可。


function EnterFrameHandler(event:Event):void {

 
vx += ax; 

ball.x += vx;

 
vy += ay;   

vy += 0.45; //这里再强行增加一个值做为重力加速度，所以不做控制的时候，也会自己向下掉


ball.y += vy;


if (ball.x>=stage.stageWidth-ball.width/2) {

ball.x=stage.stageWidth-ball.width/2;       

vx = 0;

} else if (ball.x <= ball.width/2) {


ball.x = ball.width/2;      

vx = 0;

 
}   


if (ball.y>=stage.stageHeight-ball.height/2) {


ball.y=stage.stageHeight-ball.height/2;     

vy *= -0.7; //假设反弹后的反向速度是原来速度的70%

} else if (ball.y <= ball.height/2) {

ball.y = ball.height/2;     


vy = 0;


}


}

反弹：只要将上面的例子稍候修改即可

var ball:Ball;

 
var vx:Number = 0;

 
var ax:Number = 0;

 
var vy:Number = 0;


var ay:Number = 0;

ball = new Ball  ;


addChild(ball);


ball.x = stage.stageWidth/2;

ball.y = stage.stageHeight/2;

 
ball.scaleX = 0.1;

ball.scaleY = 0.1;


addEventListener(Event.ENTER_FRAME,EnterFrameHandler);

stage.addEventListener(KeyboardEvent.KEY_DOWN, KeyDownHandler);

stage.addEventListener(KeyboardEvent.KEY_UP, KeyUpHandler);

graphics.lineStyle(1,0,1);


graphics.moveTo((stage.stageWidth/2)-10,stage.stageHeight/2);

graphics.lineTo((stage.stageWidth/2)+10,stage.stageHeight/2);

graphics.moveTo(stage.stageWidth/2,(stage.stageHeight/2)-10);

graphics.lineTo(stage.stageWidth/2,(stage.stageHeight/2)+10); 

var _bounce:Number = -0.5;//反弹后的速度百分比

function EnterFrameHandler(event:Event):void {

vx += ax; 


ball.x += vx;


vy += ay;   

ball.y += vy;


if (ball.x>=stage.stageWidth-ball.width/2) {

ball.x=stage.stageWidth-ball.width/2;       

vx *= _bounce;


} else if (ball.x <= ball.width/2) {

ball.x = ball.width/2;      

 
vx *= _bounce;


}   

if (ball.y>=stage.stageHeight-ball.height/2) {

ball.y=stage.stageHeight-ball.height/2;     

 
vy *= _bounce; 


} else if (ball.y <= ball.height/2) {

ball.y = ball.height/2;     


vy *= _bounce; 

}


}

function KeyDownHandler(event:KeyboardEvent):void {


switch(event.keyCode){


case Keyboard.RIGHT:

 
ax = 0.5;

 
break;


case Keyboard.LEFT:

ax = -0.5;

break;

case Keyboard.DOWN:


ay = 0.5;

break;


case Keyboard.UP:

ay = -0.5;

default:

break;

 
}   


}

function KeyUpHandler(event:KeyboardEvent):void {


ax=0;

ay=0;

}

往返直线运动：

 
graphics.lineStyle(1,0xff0000,0.5);


graphics.moveTo(0,0);


graphics.lineTo(stage.stageWidth,stage.stageHeight);

 
graphics.lineStyle(1,0x00ff00,0.5);

graphics.moveTo(stage.stageWidth,0);


graphics.lineTo(0,stage.stageHeight);

var ball:Ball=new Ball(10,0xff0000);


ball.x=0;


ball.y=0;

 
var _seedX=-90;

 
var _seedY=0;


var angle:Number = 45* Math.PI/180;

 
addChild(ball);


var ball2:Ball = new Ball(10,0x00ff00);


ball2.x = stage.stageWidth;

 
var speed = 2;


var isDown = true;

addChild(ball2);

addEventListener(Event.ENTER_FRAME,EnterFrameHandler);


function EnterFrameHandler(e:Event):void {  


ball.x = Math.cos(_seedX*Math.PI/180)*stage.stageWidth; 

ball.y = Math.sin(_seedY*Math.PI/180)*stage.stageHeight;

 
_seedX+=1;

 
_seedY+=1;


if (_seedX > 90){

_seedX = -90;

 
}


if (_seedY > 180){

 
_seedY = 0;

 
}   

//向下

if (isDown){

 
ball2.x -= speed;


ball2.y += speed;

if (ball2.x < 0){


isDown = false;


}

 
}

else{//向上

ball2.x -= -speed;

ball2.y += -speed;


if (ball2.x > stage.stageWidth){

isDown = true;

}


}

}

注：上面演示了二种方法，对于往返匀速直线运动，最简单的办法就是让x,y轴方向速度增加固定值；如果不要求匀速的话，用sin,cos函数也许更简单

飞船键盘控制演示：(来自ActionScript 3.0 Animation中的示例)

飞船类

package {

 
import flash.display.Sprite;

public class Ship extends Sprite {

 
public function Ship() {

 
draw(false);

 
}

 
public function draw(showFlame:Boolean):void {

 
graphics.clear();

 
graphics.lineStyle(1,0xffffff);


graphics.moveTo(10,0);

 
graphics.lineTo(-10,10);

 
graphics.lineTo(-5,0);

 
graphics.lineTo(-10,-10);

 
graphics.lineTo(10,0);

 
if (showFlame) {

 
graphics.moveTo(-7.5,-5);

 
graphics.lineTo(-15,0);

 
graphics.lineTo(-7.5,5);

 
}

 
}

 
}


}

主动画

 
package {

 
import flash.display.Sprite;

 
import flash.events.Event;


import flash.events.KeyboardEvent;

 
import flash.ui.Keyboard;

 
public class ShipSim extends Sprite {


private var ship:Ship;


private var vr:Number=0;

 
private var thrust:Number=0;

 
private var vx:Number=0;

 
private var vy:Number=0;

 
public function ShipSim() {


init();

 
}

private function init():void {

 
ship=new Ship  ;

 
ship.scaleX = ship.scaleY = 1.5;

addChild(ship);


ship.x=stage.stageWidth/2;

 
ship.y=stage.stageHeight/2;

 
addEventListener(Event.ENTER_FRAME,EnterFrameHandler);

 
stage.addEventListener(KeyboardEvent.KEY_DOWN,KeyDownHandler);

 
stage.addEventListener(KeyboardEvent.KEY_UP,KeyUpHandler);

 
}


private function KeyDownHandler(event:KeyboardEvent):void {         

 
switch (event.keyCode) {

 
case Keyboard.LEFT :


vr=-5;

break;


case Keyboard.RIGHT :

 
vr=5;

 
break;


case Keyboard.UP :

 
thrust=0.2;

 
ship.draw(true);

 
break;

 
default :

 
break;

 
}

 
}

 
private function KeyUpHandler(event:KeyboardEvent):void {

 
vr=0;


thrust=0;

ship.draw(false);

 
}


private function EnterFrameHandler(event:Event):void {


ship.rotation+=vr;

var angle:Number=ship.rotation*Math.PI/180;

var ax:Number=Math.cos(angle)*thrust;

 
var ay:Number=Math.sin(angle)*thrust;           

 
vx+=ax;

 
vy+=ay;

 
ship.x+=vx;

 
ship.y+=vy;


if (ship.x < ship.width/2){

 
ship.x = ship.width/2;              


vx = 0;

}


if (ship.x>stage.stageWidth -ship.width/2){


ship.x = stage.stageWidth -ship.width/2;

 
vx = 0;


}


if (ship.y > stage.stageHeight - ship.height/2){

 
ship.y = stage.stageHeight - ship.height/2;


vy=0;

 
}

 
if (ship.y < ship.height/2){


ship.y = ship.height/2;


vy=0;


}

 
}

 
}

 
}

带摩擦力的加速旋转:

 
addEventListener(Event.ENTER_FRAME,EnterFrameHandler);

stage.addEventListener(KeyboardEvent.KEY_DOWN,KeyDownHandler);

 
stage.addEventListener(KeyboardEvent.KEY_UP,KeyUpHandler);

var ar:Number=0;


var vr:Number=0;


var _isStart:Boolean=false;//是否正在加速(或减速)

 
var _isRight:Boolean=true;//是否正在向右顺时针转动

 
function EnterFrameHandler(e:Event):void {

 
vr+=ar;

 
obj.rotation+=vr;//obj是舞台中的箭头实例

 
if (!_isStart) {

 
if (_isRight) {


if (vr<=0) {


vr=0;


ar=0.0;

}

} else {

if (vr>=0) {


vr=0;


ar=0.0;

 
}


}

 
}

 
}

 
function KeyDownHandler(e:KeyboardEvent):void {

 
_isStart=true;

 
if (e.keyCode==Keyboard.RIGHT) {

 
ar=0.2;

 
_isRight=true;

} else if (e.keyCode == Keyboard.LEFT) {


ar=-0.2;

 
_isRight=false;


}


}

function KeyUpHandler(e:KeyboardEvent):void {

if (e.keyCode==Keyboard.RIGHT) {


ar=-0.1;

} else if (e.keyCode == Keyboard.LEFT) {


ar=0.1;

 
}

_isStart=false;

}

 

xiaohulihuhu
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
大前端学习笔记--持续随缘更新
JackieDYH的博客
02-10 1180
目录 0210--前端知识&HTML常用标签 0210--前端知识&HTML常用标签 1、浏览器及内核介绍： chrome谷歌： 特点——简洁、快速、安全 内核——webkit,Blink 费用——收费 Firefox火狐——Mozilla公司： 特点——非盈利、Gecko项目开源 内核——Gecko Safari苹果——苹果...
Flash/Flex学习笔记(23)：运动学原理
weixin_30876945的博客
11-22 81
先写一个公用的小球类Ball: show sourceview source print? 01 package{ 02 import flash.display.Sprite; 03 04 //小球 类 05 public class Ball extends Sprite{ 06 07 private var r...
Flash/Flex学习笔记(46)：正向运动学
weixin_30839881的博客
11-22 73
所谓"正向运动学"通俗点讲就是把几个连接部件的一端固定起来，另一个端可以自由(向前/向外)运动。比如人的行走，单个下肢可以理解为脚连接小腿，小腿连接大腿，大腿连接腰。行走的过程，相当于二条腿相对固定于腰部，大腿运动驱动小腿，小腿又驱动脚，从而带动整个连接系统的一系列运动。 先来一个基本的关节类Segment:（就是一个圆角矩形+二个小圆圈） show sourceview sourc...
Flash/Flex学习笔记(40)：正向运动学
madfroghe
04-24 97
所谓"正向运动学"通俗点讲就是把几个连接部件的一端固定起来，另一个端可以自由(向前/向外)运动。比如人的行走，单个下肢可以理解为脚连接小腿，小腿连接大腿，大腿连接腰。行走的过程，相当于二条腿相对固定于腰部，大腿运动驱动小腿，小腿又驱动脚，从而带动整个连接系统的一系列运动。 先来一个基本的关节类Segment:（就是一个圆角矩形+二个小圆圈） package {  import flash....
Flash/Flex学习笔记(41)：反向运动学(上)
madfroghe
04-24 182
先回顾上篇所说的"正向运动学"：以人行走的例子来说，基本上可以理解为大腿驱动小腿，小腿驱动脚，从而引发的一系列姿态调整和运动。再举一个例子，我们用着拿一根软鞭或链条的一端挥舞，被手挥舞的这一端会把"能量"向另一端传递（即固定端驱动紧接的部分，而紧接的部分又驱动下一段紧接的部分），从而使整个系统也随之运动. 而"反向运动学"正好相反，举个不恰当的例子，小时候估计很多人玩过“死”青蛙(之所以要说...
Flash/Flex学习笔记(42)：反向运动学(下)
madfroghe
04-24 130
先要复习一下三角函数与余弦定理: 对于直角三角形，三边长a,b,c与三个角A,B,C的关系如下： 正弦函数: 余弦函数： 正切函数： 反正切函数:(好象现在的教科书里改叫“余切”函数)   或 勾股定律： 但对于不是直角的三角形，就必须用余弦定律来处理了： 利用余弦定理也可以处理反向运动学中的伸展： 上面这个是示意图(花了我...
Flash/Flex学习笔记(21)：粒子效果
madfroghe
04-24 89
粒子爆炸： 仍然要用到以前的小球类，不过稍加改造 package { import flash.display.Sprite; //小球 类 public class Ball extends Sprite { public var radius:uint;//半径 public var color:uint;//颜色 public var vx:Number=0;...
Flash/Flex学习笔记(37)：坐标旋转
madfroghe
04-24 152
坐标旋转是个啥概念呢? 如上图，(蓝色)小球 绕某一中心点旋转a角度后，到达(红色)小球的位置，则红色小球相对中心点的坐标为： x1 = dx * cos(a) - dy * sin(a) y1 = dy * cos(a) + dx * sin(a) 这个就是坐标旋转公式，如果要反向旋转，则公式要修正一下，有二种方法: 1.将a变成-a，即： x1 = dx * cos(-a...
Away3D_4.1+Flex4.7学习笔记+案例
04-18
本学习笔记结合Flex4.7框架，将深入探讨如何在Flash平台上构建高效的3D图形应用。 一、Away3D 4.1简介 Away3D 4.1是该引擎的一个主要版本，引入了许多性能优化和新特性。它支持硬件加速，提供更流畅的3D渲染效果，...
HTML+CSS 学习笔记
wc777777的博客
10-09 901
一、什么是html？ 超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。 1. 网页的组成 网页的三要素：结构html，表现css，行为js 2. Html发展史 HTML1，而是1993年IETF团队的一个草案，并不是成型的标准。 HTML2.0，在1995年HTML有了第二版，即HTML2.0，当时是作为RFC1866发布的。 HTML3
web学习笔记
热门推荐
刘群智的博客
07-27 1万+
常用属性............................................................................................ 1 Html基础........................................................................................... 3 ...
前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)
qq_36609655的博客
07-02 1万+
第1章Html   Html：超级文本标记语言（HyperText Markup Language），在浏览器上运行的一种标记语言。 就是给文本加上含有语义的标签。 接下来应该学习更多具体语义标签： 一、结构（固定的结构）   &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;bod...
Flash/Flex学习笔记(11)：对象拖动(startDrag/stopDrag)
madfroghe
04-24 281
Flash中只有影片MovieClip(准确的讲是Sprite)可以调用startDrag,endDrag，创建对象拖动最简单的办法只要调用这二个方法即可 myobj.addEventListener(MouseEvent.MOUSE_DOWN,pickup);  myobj.addEventListener(MouseEvent.MOUSE_UP,place); function pi...
Flash/Flex学习笔记(38)：动量守恒与能量守恒
madfroghe
04-24 240
动能公式： 动量公式: 动量守恒： 能量守恒: 根据这些规律可以得到下列方程组: 解该方程组，得到下面的公式: 把这二个公式相减，可以得到: 即： 我们也经常利用这个公式简化运算 基本的动量守恒演示： 先给ball类添加一个质量"属性"  package { import flash.display.Sprite;  //小球 类  ...
Flash/Flex学习笔记(16)：颜色合成与分解的基本原理
madfroghe
04-24 221
传统的RGB颜色体系中，每一个分量值的范围都是0到255，如果转换为2进制的话最多需要8位(比如:十进制的255变成二进制则为11111111)，三个分量加起来，最多需要24位长度的uint来存储. 而通常我们在html中喜欢用16进制比如"#FF0000"来表示红色，即R:255,G:0,B:0，如何高效的从一个表示颜色的unit数字中把这RGB分量提取出来？ 当然：最容易想到的是利用字...
Flash/Flex学习笔记(18)：利用colorTransform改变对象的颜色及透明度
madfroghe
04-24 215
transform是flash.Display.DisplayObject的属性之一，而colorTransform又是transform的属性，这也就意味着几乎所有对象都可以使用colorTransform属性 这是官方的解释: 当 ColorTransform 对象应用于显示对象时，将按如下方法为每个颜色通道计算新值： 新红色值 = (旧红色值 * redMultiplier) + re...
Flash/Flex学习笔记(45)：3维旋转与透视变换(PerspectiveProjection)
madfroghe
04-24 172
Flash/Flex学习笔记：3D基础 里已经介绍了3D透视的基本原理，不过如果每次都要利用象该文中那样写一堆代码，估计很多人不喜欢，事实上AS3的DisplayObject类已经内置了z坐标、rotationX、rotationY、rotationZ属性，再加上PerspectiveProjection类用于处理透视转换，基本上可以满足大多数的3D要求。  import flash.eve...
Flash/Flex学习笔记(4)：如何打开网页及Get/Post数据
madfroghe
04-24 161
flash终究只是客户端技术，所以很多时候还是需要与服务端技术(比如asp,asp.net,jsp,php之类)进行数据交互的，下面的代码演示了如何在flash中打开网页，以及用GET/POST二种方式向服务端发送数据  //按下按钮，打开网页  btnOpen.addEventListener(MouseEvent.CLICK,  function(){ navigateToU...
Flex学习资源集合：从ActionScript到Flash视频解析
"flex学习文件，包括Flash技术、ActionScript3.0编程以及相关的API和库资源" 在深入探讨Flex之前，首先要理解Flex的基础——Flash。Flash是一种广泛应用于创建交互式内容、动画和富互联网应用程序（RIA）的技术。它...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值