×

关注微信公众号

免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载英语培训机构初中英语如何学随时随地聆听大师开讲/课堂
酷素材!视频教程打包下手绘教程抠图教程路径专辑photoshop cs3视频教程
查看: 8047|回复: 19

[AS] AS3制作一个简单的不倒翁玩具

  [复制链接]
发表于 2010-6-26 17:06:19 | 显示全部楼层 |阅读模式
本帖最后由 sfllj 于 2010-6-26 17:07 编辑


1.抠一张png格式的图片,导入flash库中,或者在flash里鼠绘一个。
2.在flash库中新建一影片剪辑元件,将图片拖入。对齐方式选择居中左右对齐,
底对齐,如图所示:

3.将影片剪辑元件拖入主场景,摆放好。
4.主场景中第一帧添加如下代码:
  1. /*定义变量,dx,dy为不倒翁的注册点与鼠标的x,y坐标的差;angle为不倒翁摇摆的角度;ard,av用来控制不倒翁摇摆的角速度;spring控制缓动果。
  2. */
  3. var dx,dy,ard,angle:Number;
  4. var av:Number=0;
  5. var spring:Number=-0.01;
  6. mc.addEventListener(MouseEvent.MOUSE_DOWN,onMousedown);
  7. stage.addEventListener(MouseEvent.MOUSE_UP,onMouseup);
  8. function onMousedown(event:MouseEvent):void {
  9.       mc.addEventListener(MouseEvent.MOUSE_MOVE,onMousemove);
  10.       removeEventListener(Event.ENTER_FRAME,onEnterframe);
  11. }
  12. function onMousemove(event:MouseEvent):void {
  13.       //不倒翁的倾斜角度,由鼠标控制
  14.      dx=mouseX-mc.x;
  15.        dy=mouseY-mc.y;
  16.        angle=Math.atan2(dy,dx)*180/Math.PI+90;
  17.       //控制倾斜范围
  18.      if (mouseY>mc.y&&mouseX<mc.x) {
  19.               angle=-90;
  20.        } else if (mouseY>mc.y&&mouseX>mc.x) {
  21.               angle=90;
  22.        }
  23.        mc.rotation=angle;
  24. }
  25. function onMouseup(event:MouseEvent):void {
  26.       mc.removeEventListener(MouseEvent.MOUSE_MOVE,onMousemove);
  27.       addEventListener(Event.ENTER_FRAME,onEnterframe);
  28. }
  29. function onEnterframe(event:Event):void {
  30.       //设置摇摆及停止摇摆的条件
  31.      if (Math.abs(mc.rotation)<0.003) {
  32.               mc.rotation=0;
  33.               removeEventListener(Event.ENTER_FRAME,onEnterframe);
  34.         } else {
  35.               ard=mc.rotation*spring;
  36.               av+=ard;
  37.               av*=.992;//设置阻力,使其逐渐停下
  38.           mc.rotation+=av;
  39.       }
  40. }
复制代码
5.测试影片。
还可以在不倒翁玩具中加入可爱动物,象这样:
本帖的地址:http://bbs.jcwcn.com/forum.php?mod=viewthread&tid=311553
跟着教程做一遍,做完的图要到这里评论交作业,教程有看不懂的地方,可以在贴子下面评论

本帖子中包含更多资源

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

x

评分

参与人数 1金币 +7 热心度 +2 收起 理由
清风掠影 + 7 + 2 原创内容

查看全部评分

发表于 2010-6-30 17:04:39 | 显示全部楼层
酷素材
本帖最后由 hbwh风云岁月 于 2010-6-30 17:06 编辑

1# sfllj

好玩,我来交作业,不过我没有小动物,只用了一个美眉





[local]1[/local]

本帖子中包含更多资源

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

x

评分

参与人数 1金币 +3 收起 理由
清风掠影 + 3 哈....那也不错啊

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2010-7-11 11:10:57 | 显示全部楼层
{:1_174:}

本帖子中包含更多资源

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

x

评分

参与人数 1金币 +3 收起 理由
清风掠影 + 3 做得不错..不过不需要再回一帖贴出来喔..直 ...

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2010-7-11 11:11:45 | 显示全部楼层
回复 支持 反对

使用道具 举报

发表于 2010-7-17 13:29:01 | 显示全部楼层
酷素材
本帖最后由 冰涵 于 2010-7-17 13:38 编辑

本帖子中包含更多资源

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

x

评分

参与人数 1金币 +3 收起 理由
清风掠影 + 3 注册点没整好喔..导致摆动的中心点不对

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2010-7-17 13:48:10 | 显示全部楼层
酷素材
6# 冰涵


6楼朋友的作业

好像不是不倒翁,怎么会是绕着中心动呢jc:look

评分

参与人数 1金币 +2 热心度 +1 收起 理由
清风掠影 + 2 + 1 没错..她的注册点估计没整对..西西

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2010-7-19 16:08:45 | 显示全部楼层
本帖最后由 清风掠影 于 2010-7-21 20:53 编辑

好像不是不倒翁

本帖子中包含更多资源

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

x

评分

参与人数 1金币 +2 收起 理由
清风掠影 + 2 嗯..换成摇铃的图案的话倒合适..哈..注册点 ...

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2010-9-29 16:50:50 | 显示全部楼层
本帖最后由 sanbos 于 2010-9-30 11:00 编辑

1120: 访问的属性 mc 未定义。在实例名中输入MC做出来的效果和楼上一样。不知道是什么原因

本帖子中包含更多资源

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

x

评分

参与人数 1金币 +3 收起 理由
sanbos + 3 楼上丫头的评分已说了,注册点称动下边。

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2010-9-30 14:24:00 | 显示全部楼层
8# GERRARD22
把注册点改到下面的中间,结果效果还是一样?
回复 支持 反对

使用道具 举报

发表于 2010-12-6 15:32:15 | 显示全部楼层
本帖最后由 hslisy 于 2010-12-7 12:27 编辑

回复 支持 反对

使用道具 举报

发表于 2010-12-6 16:01:27 | 显示全部楼层
7# wsojohn


你的注册中心不在下边
回复 支持 反对

使用道具 举报

发表于 2010-12-6 16:59:21 | 显示全部楼层

交作业

本帖子中包含更多资源

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

x
回复 支持 反对

使用道具 举报

发表于 2011-7-13 13:01:29 | 显示全部楼层
挺好玩的,我也来做一个
回复 支持 反对

使用道具 举报

发表于 2013-1-29 11:55:52 | 显示全部楼层
、、、、、、、、、、
回复 支持 反对

使用道具 举报

发表于 2013-2-3 15:35:43 | 显示全部楼层
com/attachment/forum/month_1006/1006261706970a30bb92ed45ce.swf 1.抠一张png格式的图片
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | [立即注册]

本版积分规则

2345