Всем привет! Делаю zoom в pixi.js. Столкнулся с тем, что

Question

Всем привет! Делаю zoom в pixi.js. Столкнулся с тем, что

при зуме происходит еще и скрол.

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

event.stopPropagation() — делаю на вьюпорте, стэйдже и контейнере, но после загрузки скрол все равно происходит. Однако, если поводить мышкой по вьюпорту и поскролить для зума, все работает как надо и скрол не происходит.

Как это можно победить?

#gamedev #programming #russian

0

13.11.2023

12 ответов

33 просмотра

Михаил Автор вопроса

Danil Bulanov
onwheel вы имеете ввиду браузерный ивент или ивент...

onWheel - браузерный для контейнера (див) и стейджа (@pixi/react), на viewport (pixi-viewport) ивент пикси, скроллится пикси вьюпорт

0

5 месяцев назад

Danil Bulanov

Михаил
onWheel - браузерный для контейнера (див) и стейд...

А зум вы имеете ввиду такое что у вас внутри вьюпорта лежит контейнер, и при wheel над этим контейнером вы хотите его как-то зумить?

0

5 месяцев назад

Михаил Автор вопроса

Danil Bulanov
А зум вы имеете ввиду такое что у вас внутри вьюпо...

У меня во вью лежит кртинка и я ее увеличиваю/уменьшаю при скроле. Функцию уже написал и она работает. Но иногда при скроле происходит прокрутка и картинка поднимается или опускается. Вот пытаюсь это побороть

0

5 месяцев назад

Danil Bulanov

Михаил

У меня во вью лежит кртинка и я ее увеличиваю/умен...

ну вам тогда нужно на картинке останавливать ивент, чтобы он не шел вверх к вьюпорту

0

5 месяцев назад

Михаил Автор вопроса

Danil Bulanov
ну вам тогда нужно на картинке останавливать ивент...

Это первое что делаю

0

5 месяцев назад

Danil Bulanov

Михаил

Это первое что делаю

а какая у вас версия пикси?

0

5 месяцев назад

Михаил Автор вопроса

Danil Bulanov
а какая у вас версия пикси?

7.3.2

0

5 месяцев назад

Danil Bulanov

Михаил
7.3.2

Ладно я вспомнил почему ломается, пикси вьюпорт слушает wheel ивент на html-канвасе :))))

0

5 месяцев назад

Михаил Автор вопроса

Danil Bulanov
Ладно я вспомнил почему ломается, пикси вьюпорт сл...

Так, а есть идеи как это победить? 😅

0

5 месяцев назад

Danil Bulanov

Михаил
Так, а есть идеи как это победить? 😅

Можно попробовать перетащить прослушку на пикси ивенты, тогда будет работать stopPropagation() в детях вот этот кусок кода из менеджера ивентов вьюпорта надо выкинуть, типо удалить прослушку с domElement, и добавить прослушку на сам вьюпорт как-то так viewport.options.events.domElement.removeEventListener(viewport.input.wheelFunction); viewport.addEventListener((event) => { viewport.input.wheelFunction(event.nativeEvent) }); Не знаю правда сломается ли что-то еще))

0

5 месяцев назад

Михаил Автор вопроса

Danil Bulanov

Можно попробовать перетащить прослушку на пикси ив...

Понял, спасибо, поробую

0

5 месяцев назад

Danil Bulanov · Accepted Answer

Danil Bulanov

onwheel вы имеете ввиду браузерный ивент или ивент пикси? Вьюпорт — это ваш собственный вьюпорт или pixi-veiwport? Что вы имеете ввиду под скроллом — html страничка скроллится или пикси вьюпорт?

0

5 месяцев назад

169 похожих чатов

Всем привет! Делаю zoom в pixi.js. Столкнулся с тем, что

12 ответов

Похожие вопросы