Как отразить спрайт в PIXI.js

Мне нужно перевернуть спрайт по нижней линии. Я знаю, что есть способ перевернуть его с помощью свойства scale. Но это было бы лишь переворотом моего центра. Поиск в документации Pixi.js также не помог.


pixi.js mirroring
person xetra11    schedule 22.10.2016    source источник

Ответы (1)


arrow_upward
8
arrow_downward

У меня нет опыта работы с Pixi, но из того, что я читал, вам нужно установить привязать свойство вашего спрайта к нижней части спрайта, затем масштабировать на -1. Что-то вроде этого; обратите внимание, я не проверял это.

mySprite.anchor.y = 1;     /* 0 = top, 0.5 = center, 1 = bottom */
mySprite.scale.y *= -1;    /* flip vertically */
person Ruud Helderman    schedule 22.10.2016
comment
Я попробую это, если, надеюсь, есть свойство привязки - person xetra11; 22.10.2016
comment
Нет причин устанавливать якорь для переворачивания спрайта. Достаточно отрицательно масштабировать ось, которую вы не хотите инвертировать :) mySprite.scale.y = -1 будет достаточно - person Kristoffer Dorph; 25.08.2019
comment
@KristofferDorph Спасибо за комментарий, так как я узнал, что гиперссылки документации PixiJS нуждаются в обновлении. Возможно, мой образец кода тоже нуждается в обновлении; Я не тестировал его с последней версией PixiJS. В любом случае якорь определяет, какие пиксели сохранят свою позицию при переворачивании спрайта. И это именно то, о чем был вопрос ОП: отразить спрайт вокруг его нижней линии, а не вокруг его центра. Так что я бы сказал, что это важно. - person Ruud Helderman; 25.08.2019
comment
О, да, в этом ты прав. Не дочитал до конца его вопрос. Ты прав :) - person Kristoffer Dorph; 26.08.2019