PIXI.js Sprite 객체의 특정 지점을 확대하려고합니다. 나는 그 지점에 해당하는 앵커를 변경함으로써 유사한 효과를 얻을 수 있지만, 나는 일어날 수없는 좌표계를 망가뜨린다. 누구든지 스프라이트 개체의 위치를 변경하여이 작업을 수행 할 수있는 방법에 대한 아이디어가 있습니까?PIXI.js의 특정 지점으로 축척
이 예제는 내가 성취하고자하는 것이지만, 코드에서는 pixi의 새 버전에없는 일부 기능을 사용합니다.
http://anvaka.github.io/ngraph/examples/pixi.js/03%20-%20Zoom%20And%20Pan/
감사합니다!
난 당신이 PIXI.container에 스프라이트를 넣어 제안, 컨테이너 확장 할 것 :
var container = new PIXI.Container();
myStage.addChild(container);
container.addChild(mySprite);
container.position.set(x,y); // Position of the container in the main container (stage) (where you previously had the sprite)
mySprite.position.set(x,y); // Your "pivot point"
container.scale.set(1.2);
당신은 컨테이너를 확장 할 때 중심을 확장 할 수 컨테이너에 앵커를 설정할 수 없습니다를 . 따라서 컨테이너에 스프라이트를 배치하여 줌 센터가 컨테이너 중심에 맞춰 지도록하십시오. 그런 다음 스프라이트 대신 컨테이너를 움직여 좌표 시스템을 사용할 수 있습니다.
가 (당신이 PIXI.Container 또는 PIXI.DisplayObjectContainer를 사용해야합니다 PIXI 버전에 따라 다릅니다.)
가능한 중복 http://stackoverflow.com/questions/25823736/scroll-zoom-a-pixi-js-canvas – DLeh
불행히도 이것은 기본적으로 현재 가지고있는 것입니다. 앵커를 확대 할 수는 있지만 앵커를 변경하지 않고 특정 지점을 확대하고 싶습니다. – user3236088
대부분 수학적이어야합니다. 어쩌면이 대답은 도움이 될 것입니다. http://stackoverflow.com/questions/2916081/zoom-in-on-a-point-using-scale-and-translate – DLeh