通过实例学习AS3.0
平面设计 2021-07-03 14:34www.168986.cn平面设计培训
声明本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。
水平有限,错误难免,欢迎大虾小虾,大鸟小鸟指正。
狼蚁网站SEO优化进入正题
案例1熟悉新的事件机制和addChild的运用
说明拖动小人到滑板上,然后拖动滑板,可以发现小人已经跟滑板粘在了一起。
演示http://.live-my-life-with-yuyi./as3_cases/changing_parents/
代码
boarder_mc.addEventListener(MouseEvent.MOUSE_DOWN, drag);
boarder_mc.addEventListener(MouseEvent.MOUSE_UP, drop);
red_mc.addEventListener(MouseEvent.MOUSE_DOWN, drag);
red_mc.addEventListener(MouseEvent.MOUSE_UP, drop);
blue_mc.addEventListener(MouseEvent.MOUSE_DOWN, drag);
blue_mc.addEventListener(MouseEvent.MOUSE_UP, drop);
AS3采用了新的监听机制,而且注意到对每个mc的鼠标按下弹起都使用了相同的函数,这就需要在函数里判断事件的发生者,从而做出相应的处理。
function drag(event:MouseEvent):void
{
if(event.target.name == "boarder_mc")
{
addChild(boarder_mc);
event.target.startDrag(true);
boarder_mc.x = mouseX;
boarder_mc.y = mouseY;
}
else
{
event.target.startDrag();
}
}
通过event.target.name来取得事件发生的对象名,AS3里没有了root,addChild相当于把某个mc搬到了舞台上,其实是TimeLine0.addChild(mc),保证该mc是在舞台的最顶层(AS3里没有了深度管理)。
通过event.target来获取事件发生的对象
接着来看drop函数
function drop(event:MouseEvent):void
{
event.target.sDrag();
if(boarder_mc.hitTestObject(red_mc))
{
red_mc.addChild(boarder_mc);
boarder_mc.x = 0;
boarder_mc.y = 0;
}
else if(boarder_mc.hitTestObject(blue_mc))
{
blue_mc.addChild(boarder_mc);
boarder_mc.x = 0;
boarder_mc.y = 0;
}
}
当鼠标弹起时,啥也不管,先停止拖动,如果小人和滑板有重合区域,则将小人放到滑板里,滑板就像一个container,boarder_mc成了red_mc的child,将boarder_mc的x坐标和y坐标清零是为了将小人放到滑板的正确位置。
如果小人已经成为了滑板的child,那么拖动滑板时,由于又执行了一次addChild(boarder_mc);所以滑板的父类又变成了舞台。
整个案例1的分析到此结束,涉及的知识点不多,主要是熟悉一下AS3的语法。
水平有限,错误难免,欢迎大虾小虾,大鸟小鸟指正。
狼蚁网站SEO优化进入正题
案例1熟悉新的事件机制和addChild的运用
说明拖动小人到滑板上,然后拖动滑板,可以发现小人已经跟滑板粘在了一起。
演示http://.live-my-life-with-yuyi./as3_cases/changing_parents/
代码
boarder_mc.addEventListener(MouseEvent.MOUSE_DOWN, drag);
boarder_mc.addEventListener(MouseEvent.MOUSE_UP, drop);
red_mc.addEventListener(MouseEvent.MOUSE_DOWN, drag);
red_mc.addEventListener(MouseEvent.MOUSE_UP, drop);
blue_mc.addEventListener(MouseEvent.MOUSE_DOWN, drag);
blue_mc.addEventListener(MouseEvent.MOUSE_UP, drop);
AS3采用了新的监听机制,而且注意到对每个mc的鼠标按下弹起都使用了相同的函数,这就需要在函数里判断事件的发生者,从而做出相应的处理。
function drag(event:MouseEvent):void
{
if(event.target.name == "boarder_mc")
{
addChild(boarder_mc);
event.target.startDrag(true);
boarder_mc.x = mouseX;
boarder_mc.y = mouseY;
}
else
{
event.target.startDrag();
}
}
通过event.target.name来取得事件发生的对象名,AS3里没有了root,addChild相当于把某个mc搬到了舞台上,其实是TimeLine0.addChild(mc),保证该mc是在舞台的最顶层(AS3里没有了深度管理)。
通过event.target来获取事件发生的对象
接着来看drop函数
function drop(event:MouseEvent):void
{
event.target.sDrag();
if(boarder_mc.hitTestObject(red_mc))
{
red_mc.addChild(boarder_mc);
boarder_mc.x = 0;
boarder_mc.y = 0;
}
else if(boarder_mc.hitTestObject(blue_mc))
{
blue_mc.addChild(boarder_mc);
boarder_mc.x = 0;
boarder_mc.y = 0;
}
}
当鼠标弹起时,啥也不管,先停止拖动,如果小人和滑板有重合区域,则将小人放到滑板里,滑板就像一个container,boarder_mc成了red_mc的child,将boarder_mc的x坐标和y坐标清零是为了将小人放到滑板的正确位置。
如果小人已经成为了滑板的child,那么拖动滑板时,由于又执行了一次addChild(boarder_mc);所以滑板的父类又变成了舞台。
整个案例1的分析到此结束,涉及的知识点不多,主要是熟悉一下AS3的语法。
上一篇:Flash AS3中数据发送与接收
下一篇:通过实例学习AS3.0——案例三
平面设计师
- 免费平面设计网站 免费平面设计绘图软件
- 平面设计基础知识题库
- 平面设计基础学包括哪些
- ui设计师工资一般多少 北京ui设计师工资一般多少
- 平面设计技巧方法 平面设计技巧总结
- 哪里的平面设计培训班比较好 哪家平面培训设计
- 哪些人不适合学平面设计 平面设计师工资一般多
- 女生学习平面设计还有其独特的优势
- 平面设计大学专业叫什么 平面设计大学专业叫什
- ui就业前景和工资待遇 ui就业前景和工资待遇怎么
- 平面设计ps入门教程 平面设计photoshop 基本操作方
- 免费学平面设计教程 平面设计免费教程网站
- 平面设计就业方向有哪些 平面设计专业就业前景
- 女生学什么设计前景好 女孩学什么设计好赚钱
- 什么人适合学平面设计 学平面设计后悔死了
- 平面设计内容有哪些 平面设计内容包括什么