as3用鼠标拖动图形拼图——灰常简单的教程

2024-06-01 13:58
文章标签 简单 教程 图形 鼠标 拖动 拼图 as3 灰常

本文主要是介绍as3用鼠标拖动图形拼图——灰常简单的教程，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

话说这种效果在课件里面经常用到，鼠标拖动事件，一个运用很频繁的事件，一起学习学习吧
首先SWF贡献给大家看看效果


感觉咋样，原理其实还蛮简单的，做做试试吧

下面来看看源码吧
  1. package

  3. {

  5. import flash.display.MovieClip;

  7. import flash.display.Sprite;

  9. import flash.events.Event;

  11. import flash.events.MouseEvent;


  14. public class Main extends MovieClip

  16. {

  18. //声明一个mc变量当临时的容器

  20. private var mc;

  22. //声明一个数组用来存储拖动元件的初始坐标

  24. private var arr:Array = new Array();

  26. //声明一个num数字，用来判断所有图形是否都已经对好了

  28. private var num:uint = 0;

  30. public function Main()

  32. {

  34. //for为所有拖动的对象添加鼠标手型和鼠标按下事件

  36. for (var i:int = 0; i < 4; i++) 
  37. {

  39. //为所有对象添加鼠标手型

  41. this["mc" + i].buttonMode = true;

  43. //为所有对象添加按下事件

  45. this["mc" + i].addEventListener(MouseEvent.MOUSE_DOWN, downHandler);

  47. //http://www.shengshiyouxi.com把所有对象的初始坐标存储进数组里面

  49. arr.push(this["mc" + i].x, this["mc" + i].y);

  51. }

  53. //归位按钮在开始时候隐藏

  55. gw_btn.visible = false;

  57. }

  59. //鼠标按下的方法

  61. private function downHandler(e:MouseEvent):void 
  62. { 
  63. //临时容器mc赋值为当前按下的对象

  65. mc = e.currentTarget;

  67. //开始拖动mc

  69. mc.startDrag();

  71. //把mc对象移动到最上层，这样就不会出现拖动的对象处于未拖动对象的下方了

  73. addChild(mc);

  75. //用stage监听鼠标抬起事件 
  76. stage.addEventListener(MouseEvent.MOUSE_UP, upHandler);

  78. }

  80. //stage鼠标抬起的方法

  82. private function upHandler(e:MouseEvent):void 
  83. {

  85. //mc对象停止拖动

  87. mc.stopDrag(); 
  88. //移除stage的鼠标抬起监听事件

  90. stage.removeEventListener(MouseEvent.MOUSE_UP, upHandler);

  92. //声明uint类型的变量n并赋值为mc对象的名字的第2位往后面的数值，这一步是为了取值被对图的对象的编号

  94. var n:uint = uint(String(mc.name.substr(2))); 
  95. //if语句判断，如果mc碰撞到了对图对象mc_i时执行

  97. if (mc.hitTestObject(this["mc_" + n])) 
  98. {

  100. //mc隐藏

  102. mc.visible = false;

  104. //被碰撞到的mc_i对象停止播放在第二帧上（第二帧就是对图对象的完整界面）

  106. this["mc_" + n].gotoAndStop(2);

  108. //判断的值num加加，用来判断拼图拼对了几次

  110. num++;

  112. }

  114. //如果没有碰撞到mc_i对象

  116. else 
  117. {

  119. //mc的x、y坐标等于数组里面存储的初始坐标，为啥会乘以2呢，你可以自己研究一下

  121. mc.x = arr[n*2];

  123. mc.y = arr[n*2+1]; 
  124. }

  126. //清空mc对象

  128. mc = null; 
  129. //if语句判断，如果num等于4（有四个被拼图的对象，所以这里的判断值为4）

  131. if (num == 4)

  133. {

  135. //归位按钮gw_btn显示

  137. gw_btn.visible = true;

  139. //为归位按钮添加按钮点击事件

  141. gw_btn.addEventListener(MouseEvent.CLICK, clickHandler);

  143. } 
  144. }

  146. //归位按钮的鼠标点击事件

  148. private function clickHandler(e:MouseEvent):void 
  149. {

  151. //当前点击的对象隐藏，也就是归位按钮隐藏

  153. e.currentTarget.visible = false;

  155. //num判断的数值归0，以便于再次判断拼图拼对了几个

  157. num = 0;

  159. //for为mci对象添加隐藏属性为true，x、y坐标为初始坐标，被拼图的对象停止播放在第一帧上面

  161. for (var i:int = 0; i < 4; i++) 
  162. {

  164. this["mc" + i].visible = true;

  166. this["mc" + i].x = arr[i*2];

  168. this["mc" + i].y = arr[i * 2 + 1];

  170. this["mc_" + i].gotoAndStop(1);

  172. }

  174. }

  176. }

  178. }
复制代码
最后送上我的祝福：祝大家

早日成为大神

这篇关于as3用鼠标拖动图形拼图——灰常简单的教程的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1021203。

相关文章

Spring Security 从入门到进阶系列教程

Spring Security 从入门到进阶系列教程

Spring Security 入门系列 《保护 Web 应用的安全》 《Spring-Security-入门（一）：登录与退出》 《Spring-Security-入门（二）：基于数据库验证》 《Spring-Security-入门（三）：密码加密》 《Spring-Security-入门（四）：自定义-Filter》 《Spring-Security-入门（五）：在 Sprin
阅读更多...
【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【课程链接】 AntV G6：深入图形与图形分组、自定义节点、节点动画（下）_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中，应该怎样去计算和绘制图形，如何给一个图形制作不间断的动画，以及在鼠标事件之后产生动画。（有点难，需要好好理解） <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06
阅读更多...
Makefile简明使用教程

Makefile简明使用教程

文章目录 规则makefile文件的基本语法：加在命令前的特殊符号：.PHONY伪目标: Makefilev1 直观写法v2 加上中间过程v3 伪目标v4 变量 make 选项-f-n-C Make 是一种流行的构建工具，常用于将源代码转换成可执行文件或者其他形式的输出文件(如库文件、文档等)。Make 可以自动化地执行编译、链接等一系列操作。 规则 makefile文件
阅读更多...
csu 1446 Problem J Modified LCS （扩展欧几里得算法的简单应用）

csu 1446 Problem J Modified LCS （扩展欧几里得算法的简单应用）

这是一道扩展欧几里得算法的简单应用题，这题是在湖南多校训练赛中队友ac的一道题，在比赛之后请教了队友，然后自己把它a掉 这也是自己独自做扩展欧几里得算法的题目 题意：把题意转变下就变成了：求d1*x - d2*y = f2 - f1的解,很明显用exgcd来解 下面介绍一下exgcd的一些知识点：求ax + by = c的解 一、首先求ax + by = gcd(a,b)的解 这个
阅读更多...
hdu2289（简单二分）

hdu2289（简单二分）

虽说是简单二分，但是我还是wa死了  题意：已知圆台的体积，求高度 首先要知道圆台体积怎么求：设上下底的半径分别为r1,r2,高为h,V = PI*(r1*r1+r1*r2+r2*r2)*h/3 然后以h进行二分 代码如下： #include<iostream>#include<algorithm>#include<cstring>#include<stack>#includ
阅读更多...
usaco 1.3 Prime Cryptarithm(简单哈希表暴搜剪枝)

usaco 1.3 Prime Cryptarithm(简单哈希表暴搜剪枝)

思路： 1. 用一个 hash[ ] 数组存放输入的数字，令 hash[ tmp ]=1 。 2. 一个自定义函数 check( ) ，检查各位是否为输入的数字。 3. 暴搜。第一行数从 100到999，第二行数从 10到99。 4. 剪枝。 代码： /*ID: who jayLANG: C++TASK: crypt1*/#include<stdio.h>bool h
阅读更多...
uva 10387 Billiard（简单几何）

uva 10387 Billiard（简单几何）

题意是一个球从矩形的中点出发，告诉你小球与矩形两条边的碰撞次数与小球回到原点的时间，求小球出发时的角度和小球的速度。 简单的几何问题，小球每与竖边碰撞一次，向右扩展一个相同的矩形；每与横边碰撞一次，向上扩展一个相同的矩形。 可以发现，扩展矩形的路径和在当前矩形中的每一段路径相同，当小球回到出发点时，一条直线的路径刚好经过最后一个扩展矩形的中心点。 最后扩展的路径和横边竖边恰好组成一个直
阅读更多...
poj 1113 凸包+简单几何计算

poj 1113 凸包+简单几何计算

题意： 给N个平面上的点，现在要在离点外L米处建城墙，使得城墙把所有点都包含进去且城墙的长度最短。 解析： 韬哥出的某次训练赛上A出的第一道计算几何，算是大水题吧。 用convexhull算法把凸包求出来，然后加加减减就A了。 计算见下图： 好久没玩画图了啊好开心。 代码： #include <iostream>#include <cstdio>#inclu
阅读更多...
uva 10130 简单背包

uva 10130 简单背包

题意： 背包和 代码： #include <iostream>#include <cstdio>#include <cstdlib>#include <algorithm>#include <cstring>#include <cmath>#include <stack>#include <vector>#include <queue>#include <map>
阅读更多...
SWAP作物生长模型安装教程、数据制备、敏感性分析、气候变化影响、R模型敏感性分析与贝叶斯优化、Fortran源代码分析、气候数据降尺度与变化影响分析

SWAP作物生长模型安装教程、数据制备、敏感性分析、气候变化影响、R模型敏感性分析与贝叶斯优化、Fortran源代码分析、气候数据降尺度与变化影响分析

查看原文>>>全流程SWAP农业模型数据制备、敏感性分析及气候变化影响实践技术应用 SWAP模型是由荷兰瓦赫宁根大学开发的先进农作物模型，它综合考虑了土壤-水分-大气以及植被间的相互作用；是一种描述作物生长过程的一种机理性作物生长模型。它不但运用Richard方程，使其能够精确的模拟土壤中水分的运动，而且耦合了WOFOST作物模型使作物的生长描述更为科学。 本文让更多的科研人员和农业工作者
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2