aintnorest Posted May 15, 2016 Share Posted May 15, 2016 I'm new to using Pixi.js and was looking for some tutorials. https://github.com/kittykatattack/learningPixi#loadingatlas Was a great starting point and http://www.rinconstrategies.io/using-react-and-pixijs.html helped me figure out how to run things in conjunction with React. Specifically I'm trying to create a static sized play space that I can zoom in and out and moved around. Seems like the PIXI.WebGLRenderer(x,y) will set the canvas size and stage.width / height will set the size of the base container and then I can use stage.scale.x / y to zoom in and out but when I resize the window It stretches and compresses the sprites inside the container instead of keeping regular image ratio. In truth thats just the start of what I've got to get done and I'm sure I'll fix the problem before this gets a response. Sooo, I was hoping people could point me at some larger more complex game examples. I tend to pick things up quicker when I can play with an existing code base. Thanks for any help. PS. Wouldn't happen to be a slack or discord channel aimed at Pixi.js development? Quote Link to comment Share on other sites More sharing options...
ivan.popelyshev Posted May 16, 2016 Share Posted May 16, 2016 https://gitter.im/pixijs/pixi.js There's also slack for people who made at least few pull requests or issues in github If you want to move the window center or something like that, look at pivot point: http://pixijs.github.io/examples/index.html?s=basics&f=container-pivot.js&title=Container%20Pivot&v=dev . For a container, everything applies in that order: position, rotation, scale, pivot. Its all about utilizing these properties and combining multiple containers. Stage width and stage height will calculate Bounding Box out of all elements inside of stage, its not related to renderer width/height AT ALL. Be very careful with container.width/height! Quote Link to comment Share on other sites More sharing options...
munrocket Posted June 6, 2019 Share Posted June 6, 2019 You can also check PixiJS channel on this discord server: https://discord.gg/MEkhFqH Ivan Popelyshev (@hackerham) is admin there. ivan.popelyshev 1 Quote Link to comment Share on other sites More sharing options...
buryo Posted March 22, 2020 Share Posted March 22, 2020 @munrocket the link is broken, can u edit it maybe? Quote Link to comment Share on other sites More sharing options...
ivan.popelyshev Posted March 22, 2020 Share Posted March 22, 2020 https://discord.gg/B8vKDz Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.