Drag and drop при движении мышкой за пределами сцены

@dilec · Регистрация: 23.11.2009

Студворк — интернет-сервис помощи студентам

Подскажите как достичь такого же эффекта перетаскивания как на данном примере
пример
необходимо чтобы перетаскивание продолжалось и после того как мышка выйдет за пределы ролика, не каких javascript
я тут не наблюдаю

Ниже код он работает но перетаскивание заканчивается если уйти за пределы ролика.

ActionScript 3
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var t = 1;
addEventListener(MouseEvent.MOUSE_DOWN, drop);
function drop(e:MouseEvent):void
{
    t = 0;
}
 
stage.addEventListener(MouseEvent.MOUSE_UP, drop2);
function drop2(e:MouseEvent):void
{
    t = 1;
    stopDrag();
}
 
stage.addEventListener(MouseEvent.MOUSE_MOVE, drop3);
function drop3(e:MouseEvent):void
{
    if (t==0)
    {
        startDrag(false, new Rectangle(0,0,stage.stageWidth - map.width,stage.stageHeight - map.height));
    }
}

TanaTiX · 12.12.2012, 16:37

dilec, интересный вопрос. Даже провел парочку экспериментов. Скорее всего реализация такова:
при клике мышкой по сцене запоминаем ее текущие координаты и начинаем слушать событие ENTER_FRAME, в каждом обработчике которого определяем, к примеру, stage.mouseX и stage.mouseY - эти параметры будут отрабатывать даже в случае, если мышка за сценой, а событие как работало, так и работает. Исходя из ранее занесенных в память координат и положения мышки в том же обработчике делаем расчеты и смещаем карту на нужное расстояние.

@dilec · 12.12.2012, 18:29 **[ТС]**

Проверил сделал простую проверку

ActionScript 3
1
2
3
4
5
stage.addEventListener(MouseEvent.MOUSE_MOVE, drop3);
function drop3(e:MouseEvent):void
{
    map.y = stage.mouseY;
}

Получается такая ситуация, фото двигается по оси y, но когда выходищ за края останавливается и если не отпуская кнопку мышки немного продвинуть курсор дальше и потом снова навести на ролик картинка передвинется на то расстояние на которое вы двигали курсор за роликом. Такое ощущение что при выходе за ролик он перестаёт обновляться.
как сделать принудительное обновление?

тот же эффект можно сделать добавив к addEventListener 3 параметр useCapture = true

ActionScript 3
1
2
3
4
5
6
7
8
stage.addEventListener(MouseEvent.MOUSE_MOVE, drop3, true);
function drop3(e:MouseEvent):void
{
    if (t==0)
    {
        startDrag(false, new Rectangle(0,0,stage.stageWidth - map.width,stage.stageHeight - map.height));
    }
}

TanaTiX · 13.12.2012, 00:05

dilec, я же не так описал последовательность действий. Где при нажиме мыши запоминание координат? Где рассчет разницы между этой позиций и текущим положением мыши?

@dilec · 13.12.2012, 15:35 **[ТС]**

Сделал вроде работает

ActionScript 3
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
var t = 1;
addEventListener(MouseEvent.MOUSE_DOWN, drop);
function drop(e:MouseEvent):void
{
    t = 0;
}
 
stage.addEventListener(MouseEvent.MOUSE_UP, drop2);
function drop2(e:MouseEvent):void
{
    t = 1;
}
 
var muy:int;
var mux:int;
stage.addEventListener(Event.ENTER_FRAME, onEnterFrame);
function onEnterFrame(e:Event):void
{
    if (t==0 && muy != stage.mouseY)
    {
        if (stage.mouseY > muy )
        {
            map.y +=  stage.mouseY - muy;
        }
        else
        {
            map.y +=  stage.mouseY - muy;
        }
    }
    if (t==0 && mux != stage.mouseX)
    {
        if (stage.mouseX > mux )
        {
            map.x +=  stage.mouseX - mux;
        }
        else
        {
            map.x +=  stage.mouseX - mux;
        }
    }
 
    muy = stage.mouseY;
    mux = stage.mouseX;
 
}

Скажите как теперь ограничить движение карты в

ActionScript 3
1
startDrag(false, new Rectangle(0,0,stage.stageWidth - map.width,stage.stageHeight - map.height));

для этого используеться Rectangle

TanaTiX · 13.12.2012, 15:47

Пишите в классах.
Давайте внятные названия объектам.
Почему t не является булевым значением?
Почему ENTER_FRAME работает постоянно, даже если в нем нет необходимости?

Сообщение от dilec

Скажите как теперь ограничить движение карты

Проверкой координат и размеров. В одну строчку, как с startDrag не получится.

@dilec · 14.12.2012, 15:24 **[ТС]**

Прошу не ругать если что не правильно, actionscript изучаю 2 неделю, но работает как надо

ActionScript 3
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
package 
{
    import flash.display.*;
    import flash.events.Event;
    import flash.events.MouseEvent;
    /**
     * ...
     * @author Синкевич РН
     */
    public class  DragAndDrop
    {
    private var MuY:int; // обновлённая Координата мышки Y объект подложки
    private var MuX:int; // обновлённая Координата мышки X объект подложки
    private var stage; // объект подложка
    private var ObjectOverlay:Object; // объект наложение
    private var SpeedMovet:int = 1; // скорость движения, обьекта наложения
    
    public function StageCoordinates(stage)
    {
        MuY = stage.mouseY;
        MuX = stage.mouseX;
    }
    
    public function GlobalMove(stage, ObjectOverlay, SpeedMovet)
    {
        if (ObjectOverlay.height > stage.stageHeight)
        {
            if (stage.mouseY > MuY )
            {
                ObjectOverlay.y +=  (stage.mouseY - MuY) * SpeedMovet;
            }
            if (stage.mouseY < MuY)
            {
                ObjectOverlay.y +=  (stage.mouseY - MuY) * SpeedMovet;
            }
 
            if (ObjectOverlay.y >= 0)
            {
                ObjectOverlay.y = 0;
            }
            if (ObjectOverlay.y <= (ObjectOverlay.height + stage.stageHeight) - (ObjectOverlay.height * 2))
            {
                ObjectOverlay.y = (ObjectOverlay.height + stage.stageHeight) - (ObjectOverlay.height * 2);
            }
        }
        if (ObjectOverlay.width > stage.stageWidth)
        {
 
            if (stage.mouseX > MuX)
            {
                ObjectOverlay.x +=  (stage.mouseX - MuX) * SpeedMovet;
            }
            if (stage.mouseX < MuX)
            {
                ObjectOverlay.x +=  (stage.mouseX - MuX) * SpeedMovet;
            }
 
            if (ObjectOverlay.x >= 0)
            {
                ObjectOverlay.x = 0;
            }
            if (ObjectOverlay.x <= (ObjectOverlay.width + stage.stageWidth) - (ObjectOverlay.width * 2))
            {
                ObjectOverlay.x = (ObjectOverlay.width + stage.stageWidth) - (ObjectOverlay.width * 2);
            }
        }
        MuY = stage.mouseY;
        MuX = stage.mouseX;
    }
    }
}

ActionScript 3
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
package 
{
    import flash.display.*;
    import flash.net.URLRequest;
    import flash.events.Event;
    import flash.events.MouseEvent;
    
    
    /**
     * ...
     * @author Синкевич РН
     */
    public class Main extends Sprite 
    {
        var map:Sprite = new Sprite();
        
        var dragAndDrop = new DragAndDrop();
        public function Main():void 
        {
            if (stage) init();
            else addEventListener(Event.ADDED_TO_STAGE, init);
            
            
            addChild(map);
            
            var images:Array = ["../map_en"];
 
            for (var i:int = 0; i < images.length; i++)
            {
                 var image:String = images[i];
                 var loader:Loader = new Loader();
                 loader.load(new URLRequest(  image + ".jpg"));
                 loader.x = 256 * i;
                 map.addChild(loader);
                 loader.name = image;
                 //по клику посмотрим, что все так
                 addEventListener(MouseEvent.MOUSE_DOWN, drop);
                 stage.addEventListener(MouseEvent.MOUSE_UP, drop2);
            }
 
        }
        
        private function init(e:Event = null):void 
        {
            removeEventListener(Event.ADDED_TO_STAGE, init);
            // entry point
        }
        
        private function drop(e:MouseEvent):void
        {
            dragAndDrop.StageCoordinates(stage); // получаем координаты stage начальная точка
            stage.addEventListener(Event.ENTER_FRAME, DgAndDp);
        }
        
        private function drop2(e:MouseEvent):void
        {
            stage.removeEventListener(Event.ENTER_FRAME, DgAndDp);
        }
        
        private function DgAndDp(e:Event):void
        {
            dragAndDrop.GlobalMove(stage, map, 1); // dragAndDrop (1 пареметр = stage: 2 параметр = Object: 3 параметр = скоорость движения)
        }
    }
}

TanaTiX · 14.12.2012, 15:30

Почему типизация не везде проставлена?
Названия переменных и методов во флеше принято называть с маленькой буквы, названия классов и констант - с большой.
Конструктор следует максимально разгружать. В вашем же коде стоит "// entry point", а весь инициализирующий код в другом месте.
И главный вопрос. Что не получается/работает не так/вызывает ошибку(какую?)?

Не по теме:

Сообщение от dilec

Прошу не ругать

Если не "ругать" - мало что получится ;)

@dilec · 14.12.2012, 16:00 **[ТС]**

Сообщение от TanaTiX

И главный вопрос. Что не получается/работает не так/вызывает ошибку(какую?)?

всё работает просто хотел показать что наваял

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

TanaTiX Модератор 2936 / 1795 / 180 Регистрация: 19.02.2011 Сообщений: 6,552
	12.12.2012, 16:37
	dilec, интересный вопрос. Даже провел парочку экспериментов. Скорее всего реализация такова: при клике мышкой по сцене запоминаем ее текущие координаты и начинаем слушать событие ENTER_FRAME, в каждом обработчике которого определяем, к примеру, stage.mouseX и stage.mouseY - эти параметры будут отрабатывать даже в случае, если мышка за сценой, а событие как работало, так и работает. Исходя из ранее занесенных в память координат и положения мышки в том же обработчике делаем расчеты и смещаем карту на нужное расстояние. 0

TanaTiX Модератор 2936 / 1795 / 180 Регистрация: 19.02.2011 Сообщений: 6,552
	13.12.2012, 00:05
	dilec, я же не так описал последовательность действий. Где при нажиме мыши запоминание координат? Где рассчет разницы между этой позиций и текущим положением мыши? 0