网管联盟 | 网管论坛 | 网管u家 | 网管博客 | 网管软件 | 网管求职 | 小游戏 | 网管搜索 | 网管原创 | 网管聚合 | 网管读摘 | 网管焦点 | 世界素材 | 会员投稿 | 会员中心 
中国网管联盟
Windows Linux Cisco 网络技术 数据库 黑客攻防 DotNet Java PHP 认证 新闻资讯 服务器 存储资讯 网络设备 网管学堂 技术专题 焦点 网吧频道
 当前位置: > bitsCN.com > 网管学堂 > 网页设计 > Flash > Action > AS2.0制作:小球沿圆周运动的动画  

AS2.0制作:小球沿圆周运动的动画

2007-12-03  作者:bitsCN整理  来源:中国网管联盟  点评 投稿 收藏

       想起前几天看到一个帖子,说的是如何实现"拖动小球在圆周上移动"的问题,今天有时间做了一个实例,代码不多,供像我这样的初级者参考。当看到“拖动小球在圆周上移动”这个问题时,我起初想的是单独做一个小球,再画个圆周,用数组记录圆周上各点的坐标,试验了,数据大多了,放弃。后来想,能不能从圆心角的变化入手,主意已定,动手制作,嘿嘿,还真不错。发上来供大家以后遇到相似问题时参考,老鸟们别笑话哦,因为是全AS2.0的,所以,以下代码直接拷贝到帖上就行了:

//=====  创建说明、输入文本 ==================
this.createTextField("titleTxt", 1, 50, 10, 40, 16);
this.createTextField("dynamicTxt", 2, 150, Stage.height-20, 40, 16);
this.createTextField("input_txt", 3, 232, Stage.height-20, 40, 16);
createTxt(titleTxt, di, "拖动小红球沿圆移动");
createTxt(dynamicTxt, di, "输入圆的半径创建图形:");
createTxt(input_txt, !di); 网管下载dl.bitscn.com
function createTxt(target:TextField, di:Boolean, txt:String) {
with (target) {
  if (di) {
   border = true;
   borderColor = 0x000000;
   textColor = 0xFF0000;
   restrict = "0-9";
   maxChars = 3;
   type = "input";
  } else {
   autoSize = "center";
   type = "dynamic";
   text = txt;
   selectable = false;
  }
}
}
input_txt.onChanged = function() {
var num:Number = Number(this.text);
if (num<=Stage.height/2) {
  createImag(num);
  dynamicTxt.text = "输入圆的半径创建图形:";
} else {
  dynamicTxt.text = "半径过大,重新输入";

中国网管论坛bbs.bitsCN.com


}
};
//===   与鼠标交互  ==================
createImag(120);
function createImag(r_num:Number) {
// 画圆circle  |  r 半径  |   x0  y0  圆心坐标在舞台中央   
var r:Number = r_num, x0:Number = Stage.width/2, y0:Number = Stage.height/2;
this.createEmptyMovieClip("circle", 4);
with (circle) {
  lineStyle(1, 0x000000, 100);
  moveTo(x0+r, y0);
}
for (var i:Number = 0; i<=360; i++) {
  var p:Number = i*Math.PI/180;
  circle.lineTo(x0+Math.cos(p)*r, y0+Math.sin(p)*r);
}
// 画小红球ball
this.createEmptyMovieClip("mc", 5);
mc.createEmptyMovieClip("ball", mc.getNextHighestDepth());
with (mc.ball) {
  lineStyle(12, 0xFF0000, 100); 网管论坛bbs_bitsCN_com
  moveTo(r, 0);
  lineTo(r+0.5, 0);
}
mc._x = x0;
mc._y = y0;
//  drag === mouseObject 事件
var drag:Boolean = false;
var mouseObject:Object = new Object();
mouseObject.onMouseDown = function() {
  if (mc.ball.hitTest(_root._xmouse, _root._ymouse)) {
   drag = true;
  }
};
mouseObject.onMouseMove = function() {
  if (drag) {
   //  赋值
   var p1:Object = {x:_xmouse, y:_ymouse};
   var p2:Object = {x:mc._x, y:mc._y};
   mc._rotation = angle(p1, p2);
  }
  updateAfterEvent();
};
mouseObject.onMouseUp = function() {
  drag = false; 网管下载dl.bitscn.com
};
Mouse.addListener(mouseObject);
//==  取得角度值
function angle(p1:Object, p2:Object) {
  var xx:Number = p1.x-p2.x;
  var yy:Number = p1.y-p2.y;
  var r:Number = Math.atan2(yy, xx);
  return radianToAngle(r);
}
//==  弧度轮换为角度
function radianToAngle(r:Number) {
  return r*180/Math.PI;
}
}
看效果:

网管u家u.bitscn@com

源文件下载: 拖动小圆点沿圆移动.rar 网管下载dl.bitscn.com


TAGs   动画   运动   制作       var    if    function       
 上一篇:Flash AS代码巧做漂亮彩色线条动画   下一篇:牌类游戏中取出顺子的算法
AS2.0制作:小球沿圆周运动的动画 评论:
loading.. 评论加载中…
评论:请自觉遵守互联网相关政策法规,评论不得超过250字。

验证码: 注册用户
本类热门排行:
最新推荐文章:
网管论坛交流: