前端-拖动物品的实现

1,监听MouseEvent.MOUSE_DOWN 和MOUSE_UP事件。

2,DOWN的时候,清除物品,增加镜像,监听MOUSE_MOVE。

3,镜像跟着鼠标。

4,UP的时候移除镜像,和MOVE事件,判断落点。

点击拿起,拖动放下。

propsCard.addEventListener(MouseEvent.MOUSE_DOWN, OnCardMouseDownEvent);
propsCard.addEventListener(MouseEvent.MOUSE_UP, OnCardMouseUpEvent);

stage.addEventListener(MouseEvent.MOUSE_MOVE, onCardMouseMoveEvent);
stage.removeEventListener(MouseEvent.MOUSE_MOVE, onCardMouseMoveEvent);

m_currentCard.x = this.m_Instance.mouseX - Math.ceil(m_currentCard.width / 2);
m_currentCard.y = this.m_Instance.mouseY - Math.ceil(m_currentCard.height / 2);

时间: 2024-12-19 18:31:32

前端-拖动物品的实现的相关文章

前端拖动div 效果

/** * author levi * url http://levi.cg.am */ $(function() { $(document).mousemove(function(e) { if(!!this.move) { var posix = !document.move_target ? { 'x': 0, 'y': 0 } : document.move_target.posix, callback = document.call_down || function() { $(thi

visual_c++外挂教程(详细)

课程分四个大章节 初级篇,中级篇,进阶篇,高级篇 初级篇内容:编写一个完整的,简单的外挂 C++的数据类型:Byte,Word,DWORD,int,float API函数的调mouse_event,GetWindowRect,SetCursorPos,FindWindow,SendMessage) CE5.4工具的使用方法 中级篇内容:调试工具的使用技巧,功能CALL的概念 调试工具OD1.1的使用技巧(如硬件断点,条件断点,内存断点. 常用汇编指令与对应高级语言的转换. 游戏功能CALL概念

【游戏科普】使用心理学法则创建优秀的用户界面

原文:GameDev =================================================================== 实践证明,心理学的法则可以适用于游戏的用户界面的设计. 当你开始设计游戏的用户界面时,无论它是一个等级选择菜单,或是游戏内的地图,或是生命条,都很重要.完美的UI设计是无形的,也就是说,用户并不是真的在与UI的工作机制进行拼杀 - 用户界面仿佛消失一般,而玩家专注于游戏中的世界. 我最喜欢的类比就是开车的时候.当你第一次学习如何驾驶时,你需

项目总结之触摸问题分析

DionysosLai([email protected]) 2014/12/24 在游戏开发领域,有几个问题,一定要提前进行真机测试,越早进行真机测试,后期修改代码越容易.一个问题,就是触摸问题. 为什么触摸问题要尽早进行真机测试呢?这是由于,只有这真机运行情况下,才能实现多点触摸问题(想想多个手指在你的游戏上滑动,各种各样的bug都会一一呈现出来).同时,有些特定的触摸响应,比如touchCanclled事件响应,也只有在真机情况下才能出现.至于如何重现touchCancle事件引起的bug

也谈測试核心竞争力

作为一名測试人员,究竟其真正的核心竞争力是什么?这个问题一直困惑着我,当我还未曾踏入这一行业的时候,听到的声音是这种:"測试是一种非常有前途的工作,需求大于供给".另一种是这种"測试就要做接触到代码的,点点鼠标谁都--"怀着对于一个行业我也不知道好还是坏,究竟是个什么玩意的心理选择并进入了这个行业. 期间,我承认.的确有那么一段时间,我觉得作为一名測试假设可以对于代码了如指掌,可以写出一个个的工具才有可能成为武林的盟主,寿与天齐. 似乎,作为測试来说最核心的竞争力就

也谈测试核心竞争力

作为一名测试人员,到底其真正的核心竞争力是什么?这个问题一直困惑着我,当我还未曾踏入这一行业的时候,听到的声音是这样的:"测试是一种很有前途的工作,需求大于供给".还有一种是这样的"测试就要做接触到代码的,点点鼠标谁都--"怀着对于一个行业我也不知道好还是坏,到底是个什么玩意的心理选择并进入了这个行业.期间,我承认,的确有那么一段时间,我认为作为一名测试如果能够对于代码了如指掌,能够写出一个个的工具才有可能成为武林的盟主,寿与天齐.似乎,作为测试来说最核心的竞争力就

前端新技术:HTML5实现网页元素的拖动操作

HTML5之前,要实现网页元素的拖动操作,需要依靠mousedown.mousemove.mouseup等API,通过大量的JS代码来实现:HTML5 中引入了直接支持拖动操作的API,大大简化了网页元素的拖动操作编程难度,并且这些API除了支持浏览器内部元素的拖动外,同时支持浏览器和其它应用程序之间的数据互相拖动. 本文通过一个简单示例,演示HTML5中拖动API的使用方法. 场景: 如下图所示,我们要实现: 通过拖动将照片从左侧"相册"区域拖拽到右侧"垃圾箱"区

拖动NGUI物品在3D界面生成实例

功能实现效果: 场景中文件目录 1.在Main Camera添加UICamera组件 2.UIWrap Content内的Item绑定MyDragDropData和MyDragDropItem中Prefab关联的是即使需要在场景中生成的预设对象, 3.Drag and Drop Root作为UI拖动显示有效区(别删除该对象) 4.最后附上Demo下载地址 Demo环境:Unity 4.3   Visual Studio 2013

前端之拖动面板

实现效果:鼠标悬浮鼠标指针变化,点击拖动 实现代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>拖动面板</title> 6 </head> 7 <body> 8 <div style="border: 1px solid red;widt