- 浏览: 119669 次
- 性别:
- 来自: 杭州
文章分类
最新评论
-
zhouhaiyang88:
huang-tao 写道你好,在吗?请问,我启动Tomcat时 ...
ActiveMq-JMS简单实例使用tomcat -
xurichusheng:
huang-tao 写道你好,在吗?请问,我启动Tomcat时 ...
ActiveMq-JMS简单实例使用tomcat -
wgcooo:
javax.naming.NameNotFoundExcept ...
ActiveMq-JMS简单实例使用tomcat -
huang-tao:
你好,在吗?请问,我启动Tomcat时报如下错,是什么原因?= ...
ActiveMq-JMS简单实例使用tomcat -
Eric.Yan:
好文章,明天试一试
ActiveMq-JMS简单实例使用tomcat
动画中的弹性运动 从视觉效果上接近 物理经典力学中的单摆运动或弹簧(胡克定律F=Kx)振动
先看下面的模拟演示:
规律:
小球先从出发点(初始为最左侧)向目标点(中心点)加速狂奔,奔的过程中速度越来越大,但加速度越来越小,等经过目标点时,发现速度太大刹不住车(此时速度达到最大值,但加速度减为0),奔过头了!于是加速度发生逆转,从0开始变为负值,从而导致速度越来越小,等速度减到0时,也奔到了最右侧(此时负加速度也达到最大值),然后在负加速度的影响下,开始掉头又狂奔....这样不断下去,直接摩擦力让它筋疲力尽,最终瘫倒在目标点 :)
公式:胡克定律F=Kx,而合外力F根据牛二定律 F=ma,这二者结合起来换算一下,也就是 ma = kx,即a = (k/m)x .用代码体现出来,即加速度与位移成(正比)线性关系。
package
{
import
flash.display.Sprite;
import
flash.events.Event;
import
flash.events.MouseEvent;
import
flash.geom.Rectangle;
import
flash.ui.Mouse;
import
flash.ui.MouseCursor;
public
class
Spring1
extends
Sprite {
private
var
ball:Ball;
private
var
spring:
Number
=
0.02
;
private
var
targetX:
Number
=stage.stageWidth/
2
;
private
var
rect:Rectangle;
private
var
vx:
Number
=
0
;
private
var
isDragging=
false
;
public
function
Spring1() {
init();
}
private
function
init():
void
{
ball=
new
Ball(
10
);
addChild(ball);
ball.x=
20
;
ball.y=stage.stageHeight/
2
;
addEventListener(Event.ENTER_FRAME, onEnterFrame);
ball.addEventListener(MouseEvent.MOUSE_DOWN,MouseDownHandler);
ball.addEventListener(MouseEvent.MOUSE_OVER,
function
(){Mouse.cursor = MouseCursor.HAND});
ball.addEventListener(MouseEvent.MOUSE_OUT,MouseOutHandler);
stage.addEventListener(MouseEvent.MOUSE_UP,MouseUpHandler);
//画辅助线
graphics.lineStyle(
1
);
graphics.moveTo(ball.x,ball.y);
graphics.lineTo(stage.stageWidth-ball.x,ball.y);
graphics.moveTo(stage.stageWidth/
2
,ball.y-
10
);
graphics.lineTo(stage.stageWidth/
2
,ball.y+
10
);
rect=
new
Rectangle(ball.x,ball.y,stage.stageWidth-
2
*ball.x,
0
);
}
private
function
MouseOutHandler() {
if
(! isDragging) {
Mouse.cursor=MouseCursor.AUTO;
}
}
//开始拖动
private
function
MouseDownHandler(e:MouseEvent):
void
{
ball.startDrag(
true
,rect);
Mouse.cursor=MouseCursor.HAND;
removeEventListener(Event.ENTER_FRAME, onEnterFrame);
isDragging=
true
;
}
//结束拖动
private
function
MouseUpHandler(e:MouseEvent):
void
{
ball.stopDrag();
addEventListener(Event.ENTER_FRAME, onEnterFrame);
Mouse.cursor=MouseCursor.AUTO;
isDragging=
false
;
}
private
function
onEnterFrame(event:Event):
void
{
var
dx:
Number
= targetX-ball.x;
var
ax:
Number
= dx*spring;
//加速度与位移成正(反)比关系
vx += ax;
vx *=
0.97
;
//摩擦系数
trace
(ax,vx);
ball.x+=vx;
}
}
}
上面演示是一维的弹性运动,当然也可以同时在x轴和y轴上进行
代码:
package
{
import
flash.display.Sprite;
import
flash.events.Event;
import
flash.events.MouseEvent;
import
flash.ui.Mouse;
import
flash.ui.MouseCursor;
public
class
Spring2
extends
Sprite {
private
var
ball:Ball;
private
var
spring:
Number
=
0.1
;
private
var
targetX:
Number
=stage.stageWidth/
2
;
private
var
targetY:
Number
=stage.stageHeight/
2
;
private
var
vx:
Number
=
0
;
private
var
vy:
Number
=
0
;
private
var
friction:
Number
=
0.95
;
public
function
Spring2() {
init();
}
private
function
init():
void
{
ball =
new
Ball(
5
);
ball.x = Math.random() * stage.stageWidth;
ball.y = Math.random() * stage.stageHeight;
addChild(ball);
addEventListener(Event.ENTER_FRAME, EnterFrameHandler);
stage.addEventListener(MouseEvent.MOUSE_DOWN,MouseDownHandler);
MouseDownHandler(
null
);
Mouse.cursor = MouseCursor.BUTTON;
}
function
MouseDownHandler(e:MouseEvent):
void
{
graphics.clear();
ball.x = Math.random() * stage.stageWidth;
ball.y = Math.random() * stage.stageHeight;
ball.vx = (Math.random()*
2
-
1
) *
50
;
ball.vy = (Math.random()*
2
-
1
) *
50
;
graphics.moveTo(ball.x,ball.y);
}
private
function
EnterFrameHandler(event:Event):
void
{
//去掉下面的注释,就变成鼠标跟随的弹性运动
//targetX = mouseX;
//targetY = mouseY;
var
dx:
Number
=targetX-ball.x;
var
dy:
Number
=targetY-ball.y;
var
ax:
Number
=dx*spring;
var
ay:
Number
=dy*spring;
vx+=ax;
vy+=ay;
vx*=friction;
vy*=friction;
ball.x+=vx;
ball.y+=vy;
graphics.lineStyle(
0.3
,
0xbbbbbb
,
1
);
graphics.lineTo(ball.x,ball.y);
}
}
}
接下来:用代码模仿一根猴皮筋儿
package
{
import
flash.display.Sprite;
import
flash.events.Event;
import
flash.ui.Mouse;
import
flash.ui.MouseCursor;
public
class
Spring3
extends
Sprite {
private
var
ball:Ball;
private
var
spring:
Number
=
0.1
;
private
var
vx:
Number
=
0
;
private
var
vy:
Number
=
0
;
private
var
friction:
Number
=
0.95
;
public
function
Spring3() {
init();
}
private
function
init():
void
{
ball =
new
Ball(
10
);
addChild(ball);
addEventListener(Event.ENTER_FRAME, onEnterFrame);
Mouse.cursor = MouseCursor.HAND;
}
private
function
onEnterFrame(event:Event):
void
{
var
dx:
Number
= mouseX-ball.x;
var
dy:
Number
= mouseY-ball.y;
var
ax:
Number
= dx*spring;
var
ay:
Number
= dy*spring;
vx+=ax;
vy+=ay;
vx*=friction;
vy*=friction;
ball.x+=vx;
ball.y+=vy;
graphics.clear();
graphics.lineStyle(
1
);
graphics.moveTo(mouseX, mouseY);
graphics.lineTo(ball.x, ball.y);
}
}
}
上面的例子只有一个球,如果考虑更多的小球,第一球以鼠标所在位置为目标做弹性运动,而第二个以第一个球为目标做弹性运动,第三球又跟着第二个... 这会是什么效果呢?
package
{
import
flash.display.Sprite;
import
flash.events.MouseEvent;
import
flash.events.Event;
public
class
ArrayChain
extends
Sprite {
var
arrBall:
Array
;
var
spring:
Number
=
0.12
;
var
firstBall:Ball;
var
gravity:
Number
=
6
;
var
friction:
Number
=
0.8
;
public
function
ArrayChain() {
init();
}
private
function
init():
void
{
arrBall=
new
Array
(
5
);
for
(
var
i:
uint
=
0
,j:
uint
=arrBall.length; i<j; i++) {
arrBall[i]=
new
Ball(
10
,Math.random()*
0xffffff
);
addChild(arrBall[i]);
}
firstBall=arrBall[
0
];
firstBall.x=Math.random()*stage.stageWidth;
firstBall.y=Math.random()*stage.stageHeight;
addEventListener(Event.ENTER_FRAME,EnterFrameHandler);
}
private
function
EnterFrameHandler(e:Event):
void
{
//第一个球以鼠标所在位置为目标做弹性运动
firstBall.vx += (mouseX - firstBall.x) * spring;
firstBall.vy += (mouseY - firstBall.y) * spring;
firstBall.vy+=gravity;
firstBall.vx*=friction;
firstBall.vy*=friction;
firstBall.x+=firstBall.vx;
firstBall.y+=firstBall.vy;
//准备画连线
graphics.clear();
graphics.lineStyle(
0.2
,
0x666666
);
graphics.moveTo(mouseX,mouseY);
graphics.lineTo(firstBall.x,firstBall.y);
//后面的小球依次以前一个的位置为目标做弹性运动
for
(
var
i=
1
,j=arrBall.length; i<j; i++) {
var
ball:Ball=arrBall[i];
ball.vx += (arrBall[i-
1
].x-ball.x)*spring;
ball.vy += (arrBall[i-
1
].y-ball.y)*spring;
ball.vy+=gravity;
ball.vx*=friction;
ball.vy*=friction;
ball.x+=ball.vx;
ball.y+=ball.vy;
graphics.lineTo(ball.x,ball.y);
//画出连线将各球连在一起
}
}
}
}
ok,我们得到了一个"弹簧链",当然这里面还考虑了重力的因素,通过上面的几个例子可以总结一下:第一个示例中一维弹性运动可以看作为x方向的加速度随位移的影响,而第二个示例可以看作是x,y二个方向加速度随位移影响的叠加,而第三个示例,则可以看作是任何方向这种影响再叠加重力的综合效果。总之:任何方向的弹性运动,都可以认为是该方向的加速度(或力)随位移的影响,而且这种影响可以在多个方向上叠加。下面这个是多点控制弹性运动的示例:
发表评论
-
Flash/Flex学习笔记(50):矩阵变换
2011-04-24 13:52 1140先回顾一下Silvelright中的矩阵变换[转]WPF中的M ... -
Flash/Flex学习笔记(49):背面剔除与 3D 灯光
2011-04-24 13:50 960今天继续:上一回Flash/Flex学习笔记(50):3D线条 ... -
Flash/Flex学习笔记(48):迷你滚动条ScrollBar
2011-04-24 13:46 1038先看最终效果: 整个swf最终不到4k, ... -
Flash/Flex学习笔记(47):利用FMS快速创建一个文本聊天室
2011-04-24 13:45 965先来看客户端fla的构成: 第一帧:登录界面 第一帧的 ... -
Flash/Flex学习笔记(46):使用TweenLite
2011-04-24 13:43 1652TweenLite是第三方出品的专用于各种缓动动画的类库,其性 ... -
Flash/Flex学习笔记(45):3维旋转与透视变换(PerspectiveProjection)
2011-04-24 13:41 1186Flash/Flex学习笔记:3D基础 里已经介绍了3D透 ... -
Flash/Flex学习笔记(44):3D线条与填充
2011-04-24 13:39 10753D线条:把上一篇中的3D坐标旋转示例稍做修改,用线把各个 ... -
Flash/Flex学习笔记(43):3D基础
2011-04-24 13:34 1117之前我们所做的动画都 ... -
Flash/Flex学习笔记(42):反向运动学(下)
2011-04-24 13:30 901先要复习一下三角函数与余弦定理: 对于直角三角形,三边长 ... -
Flash/Flex学习笔记(41):反向运动学(上)
2011-04-24 13:29 914先回顾上篇所说的"正向运动学":以人行 ... -
Flash/Flex学习笔记(40):正向运动学
2011-04-24 13:27 859所谓"正向运动学"通俗点讲就是把几个连接部 ... -
Flash/Flex学习笔记(39):万有引力与粒子系统
2011-04-24 13:26 706万有引用公式: 其中G为万有引力常数 var numP ... -
Flash/Flex学习笔记(38):动量守恒与能量守恒
2011-04-24 13:24 917动能公式: 动量公式: 动量守恒: 能量守恒: ... -
Flash/Flex学习笔记(37):坐标旋转
2011-04-24 13:23 996坐标旋转是个啥概念呢? 如上图,(蓝色)小球 绕某一 ... -
Flash/Flex学习笔记(36):碰撞检测
2011-04-24 13:22 586碰撞检测基本上可能分为二类:对象与对象的碰撞检测、对象与点 ... -
Flash/Flex学习笔记(35):弹性运动续--弹簧
2011-04-24 13:21 736上一篇里演示的弹性运动加上摩擦力因素后,物体最终基本上都会比较 ... -
Flash/Flex学习笔记(33):缓动动画
2011-04-24 13:18 978缓动 与 匀变速 看上去很类似,但其实有区别: 匀变速的 ... -
Flash/Flex学习笔记(32):不用系统组件(纯AS3)的视频播放器--只有8.82K
2011-04-24 13:17 1246以前为了赶项目,利用系统组件制作过一款视频播放器(见Fla ... -
Flash/Flex学习笔记(31):自己动手实现一个滑块控件(JimmySilder)
2011-04-24 13:15 939先看最终的演示: 滑块条的应用实在太广泛了:mp3播放器中声 ... -
Flash/Flex学习笔记(30):如何正确监听Stage对象的事件
2011-04-24 13:13 1269如果想在一个自定义类中注册对stage对象的监听事件,然后在另 ...
相关推荐
附件是关于 Flash/Flex 几个重要框架 Cairngorm、Mate、PureMVC以及Swiz 的典型例子,由 Tony Hillerson 提供 Homepage: http://insideria.com
flex/Flash开发系列书籍:基于FLASH的WEB3D应用研究
Flex学习笔记Flex学习笔记Flex学习笔记Flex学习笔记Flex学习笔记
flash/flex画曲线,绘图板,用代码实现的个画曲线功能,类绘图板,可下载看看,不错的学习案例。
语言:C ++许可证:BSD-3代码质量:A + https://lgtm.com/projects/g/Genivia/RE-flex/context:cpp文档:https://www.genivia.com/doc/reflex/html /index.html存储库:https://github.com/Genivia/RE-flex更改日志...
flash/flex 的aqua皮肤.类似苹果系统
FDT-flash/flex devtoolkit for eclipse. for最新版的 FDT 3.5 beta2
来自《潮汕IT男》网站的文章《解决flash/flex/as3 访问中文域名时的流错误》代码示例,地址:http://chenlinsheng.com/?p=990
NULL 博文链接:https://summerbell.iteye.com/blog/359226
flex学习笔记 flex学习笔记 flex学习笔记 flex学习笔记 flex学习笔记 flex学习笔记
第一阶段(2周左右每天至少4个小时):入门 目标是:做简单的demo....参考书:Flex 入门教程http://www.5uflash.com/Flex-AIR/Flexziliao/17.html flex入门介绍:http://download.csdn.net/source/452847
最近开始学习Flex,其中用到了AS,AS2到AS3发生了很大的变化,完全的面向对象,知道这个特点以后我也一直没有特意的好好去学学AS3,但是随着最近学习的深入,还是有必要学习一下
总共有4个例子: 1.http://127.0.0.1:8080/flexDemo/HelloWorld/HelloWorld.html ...如果你的数据库配置和我的不一样,请修改flexDemo\WEB-INF\classes\下的DBSetting.properties文件,数据库建表的sql语句是user.sql
一.flex2的全屏代码 在仅仅使用Flex Builder2(我下载的是FLXB_2.0_Win_WWE.exe)的时候,写全屏代码竟然找不到flash.display.StageDisplayState,于是下载了Flex 2.0.1升级包(官方地址:...(参考:...
NULL 博文链接:https://as3.iteye.com/blog/1134453
本人用FLEX写的直播播放器,基于RTMP协议。代码要放入tomcat等容器里运行,打开play.html即可看到例子效果,含有源代码,希望能帮助到需要的人。
这是作者自己亲自编写的教程,里面包含的有图解教程,各式jar,及配置文件,全部包含在内,如果你是一个决定学习flex初学者,我敢保证它肯定适合你!带上你走上flex开发旅途!
xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="app_creationCompleteHandler(event)"> <fx:Script> <![CDATA[ import mx.events.FlexEvent; ...
Flex学习笔记1
终极破解方法,超级好用,100%成功,亲测,请大家使用。(会弹出个小框提示配置错误,但点击确定即可使用,没有任何影响)