Pixi.js: Установка привязки не должна перерисовывать содержимое отображаемого объекта

Созданный на 11 апр. 2018 · 4Комментарии · Источник: pixijs/pixi.js

Привет,

несмотря на то, что точка поворота и привязка очень сбивают с толку, если я представляю привязку как ту круглую точку, которую я могу установить в фотошопе или старом редакторе флэш-памяти в качестве точки вращения, то в pixi происходит перерисовка всего содержимого отображаемого объекта, устанавливая привязку в качестве источника точка.

var app = new PIXI.Application(800, 600, {backgroundColor : 0x1099bb});
document.body.appendChild(app.view);

var bunny = PIXI.Sprite.fromImage('required/assets/basics/bunny.png');

var container = new PIXI.Sprite();
container.addChild(bunny);
container.x = 0;
container.y = 0;

app.stage.addChild(container);

bunny.anchor.set(0.5);
//bunny_c.pivot.set(15,5);

В этом примере я ожидаю, что кролик будет с привязкой, которая влияет на его вращение, но не будет перерисован кролик!

💾 v4.x (Legacy) 🤔 Question

Источник

DavidGOrtega

Все 4 Комментарий

Каждый элемент имеет преобразование: положение / поворот / поворот.
Спрайты имеют привязку, что означает «эта точка текстуры должна находиться в (0,0) локальной системы координат».

Ось вращения всегда (0,0) локальной системы координат.

Если вам нужно другое поведение, вы можете изменить класс Transform и создать экземпляры исправленного Transform для затронутых элементов.

https://github.com/pixijs/pixi.js/blob/dev/src/core/display/TransformStatic.js
https://github.com/pixijs/pixi.js/blob/dev/src/core/sprites/Sprite.js#L174

Кроме того, кролик - это redrawn каждый кадр в пикси. В библиотеке нет механизмов для отслеживания всех изменений, она просто работает. В противном случае он мог бы весить 3 МБ или больше :)

ivanpopelyshev 11 апр. 2018

В вашем случае лучше установить точку поворота по центру кролика. Обязательно используйте константы, используйте bunny.texture.width только тогда, когда он загружен.

ivanpopelyshev 11 апр. 2018

👍1

@DavidGOrtega закрывает это, так как я чувствую, что на ваш вопрос был дан ответ. Не стесняйтесь открывать снова, если у вас возникнут дополнительные проблемы!

themoonrat 30 июн. 2018

👍1

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