#mirroring #pixi.js
#зеркальное отображение #pixi.js
Вопрос:
Мне нужно перевернуть спрайт по его нижней строке. Я знаю, что есть способ перевернуть его с помощью scale свойства. Но это было бы всего лишь изменением его центра. Поиск в Pixi.js документация тоже не помогла.
Ответ №1:
У меня нет опыта работы с Pixi, но из того, что я прочитал, вы должны установить свойство anchor вашего спрайта в нижней части спрайта, затем масштабировать на -1. Что-то вроде этого; пожалуйста, обратите внимание, что я это не тестировал.
mySprite.anchor.y = 1; /* 0 = top, 0.5 = center, 1 = bottom */
mySprite.scale.y *= -1; /* flip vertically */
Комментарии:
1. Я попробую это, если, надеюсь, есть свойство привязки
2. Нет причин устанавливать привязку для переворачивания спрайта. Достаточно отрицательно масштабировать ось, которую вы не хотите инвертировать 🙂
mySprite.scale.y = -1было бы достаточно3. @KristofferDorph Спасибо за комментарий, поскольку это дало мне понять, что гиперссылки документации PixiJS нуждаются в обновлении. Возможно, мой пример кода тоже нуждается в обновлении; я не тестировал его с последней версией PixiJS. В любом случае, привязка определяет, какие пиксели сохраняют свое положение при переворачивании спрайта. И это именно то, о чем был вопрос OP: отразить спрайт вокруг его нижней строки, а не вокруг его центра. Итак, я бы сказал, что это важно.
4. О, да, вы правы насчет этого. Не прочитал его вопрос до конца. Вы правы 🙂