중앙에서 크기를 조절하는 방법 (뒤집기) pixi.js

Question

Pixi.js의 DisplayObjectContainer를 가운데에서 뒤집기를 원합니다. 나는 -1로 스케일링이 플립에서 작동한다는 것을 알았지 만 Sprite에 앵커를 사용할 때처럼 센터에서 그렇게 할 수는 없다. 나는 또한 내가 WebGL의 관점에서 무엇을하려하는지 설명하는이 link을 찾았지만 당연히 Pixi로 더 높은 레벨에서 이것을하려고 노력하고있다. 어떤 아이디어?

감사합니다.

Answer 1

나는 높은 수준으로 유지하는 몇 가지 옵션이 있다고 생각합니다. 다행히 하나는 귀하의 특정 상황에 적합합니다.

1 위치 컨테이너 플립하고 오프셋 : http://codepen.io/ianmcgregor/pen/BmbHe

2 : 센터가 DisplayObjectContainer 내부 함량

var content = new PIXI.Sprite(texture); 
content.position.x = 0 - content.width/2; 
container.addChild(content); 

container.scale.x *= -1; 

3

container.scale.x *= -1; 
container.position.x = centerX - container.scale.x * containerWidth/2; 

을 본 실시 예를 참조 : DisplayObjectContainer 대신 Sprite를 사용하십시오. 이 접근 방식의 단점은 텍스처가 필요할 것입니다.