Using Box2D with PIXI.js
I am using Box2D physics engine with PIXI.js as the renderer. But I have trouble using it correctly. Box2D is based in MKS(Meters, Kilograms and seconds) But Pixi.js renders everything in pixel. So I...
View ArticleRenderTexture is getting cropped based on the position of the original container
I have this simple jsfiddle that displays the problem that I'm trying to solve. https://jsfiddle.net/4ke8k7hu/2/ It looks like the render texture get's cropped based on the position of the object...
View Article3d building
Hi, I want to make an 2d topdown game that will have 3d buildings/depth. Similar to GTA2. What is the best way to build an 3d building? I have found an 3d box that is made with PIXIjs V1.5 But I...
View ArticleGreensock
Hi, this is my first try with Pixi and I would love to animate it using my fav tweening library Greensock. ABove is my pen. I don't get any errors, yet my displacementMap isn't animating... What am I...
View ArticleCreate multiple sprites from one texture
Hi, I am making a platformer game with pixijs. I am creating the platforms with a container and multiple sprites, but it is messy and inconvient for me to create a sprite for every block of the...
View ArticleClik here to view.
BaseRenderTexture Documentation Errors
There's some mistakes in the documentation for PIXI.BaseRenderTexture. The first example at the top of the page ends with this line: "baseRenderTexture.render(sprite);" But PIXI.BaseRenderTexture...
View ArticleHow to init a PIXI project if I don't load any resources into my PIXI project?
If I start my PIXI project by loading some 'png' resources I need to do loader.add(...).load(setup); function setup(loader, resources) { //... } But what if I don't need those resources to start my...
View ArticleRope vs Plane
Hi, I'm looking at the documentation for Rope and Plane to try to see the difference and different use cases, but the use-case description and example construction are the same. It looks like the...
View ArticleDetect object click when overlapped by transparent object?
I want to create a city builder. Some objects will have transparent pixels, but they still capture click events. Is there a way to figure out which object was clicked in a way more advanced than just...
View ArticleErrors when using particlecontainer
I get an error Quote [.Offscreen-For-WebGL-000001AFB8B3C930]GL ERROR :GL_INVALID_OPERATION : glDrawElements: range out of bounds for buffer randomly when I have particle container added on the scene....
View ArticleCouple basic questions
Hi, I made socket-server in C# and now i working on client. But I'm new to whole HTML5 graphic idea and i do not quite understand couple standards. Sprites animation: Is there an function to animate...
View ArticleUsing DeltaTime in Update(), usage of Tickers?
Hello! I got quite confused after reading code for pixiJS examples and basics. I have an update function in which I want to control my objects in such a way framerate doesn't affect things. How do I...
View ArticleHow does splitting the game FPS and Sprite FPS work?
Noob to game dev here, this is more of a general javascript question but: I'm looking over kittykatattacks spriteUtilities library and var frameRate = 1000 / sprite.fps; //Set the sprite to the...
View ArticlePixi.js v4 get globally translated vertices for collision detection
Hi, I'm running into an issue regarding collision detection against adjacent DisplayObjects. Let's say I have sibling objects that are a child of a Container that has been rotated. If I use...
View ArticlePIXI.loaders.Loader with json
Hi, i trying to find out in what format json spritesheet should be loaded. And how to do it properly. I have seen tons of examples but all on old version of pixi. In documentation i found function,...
View ArticleApplication is too Slow in Nexus 10 device
Hi, I have tried to play a game in Nexus 10 device (chrome browser) which is developed using pixi.js, but it is very slow to play. But in other devices game is fast enough to play. Can any one help...
View Articleunexpected delay when loading texture atlases dynamiclly
I am trying to load texture atlas dynamically. The load happens when the user clicks on canvas. At the same time an animation fires. The next time the user clicks on canvas, previously loaded...
View Article"Cannot read property 'width' of null" error when update v3 to v4
When I update pixi.js version v3 to v4, there are some error: pixi.js:20965 Uncaught TypeError: Cannot read property 'width' of null at CanvasSpriteRenderer.render (pixi.js:20965) at...
View ArticleUsing Matter.js for physics with Pixi.js
I'm looking to make a simple game using Pixi.js as a renderer and Matter.js for the physics. But I'm having a hard time wrapping my head around how to do that. Does anybody have some code or projects,...
View ArticleNot possible to change cursor through DisplayObject.cursor?
Hey all! I've been looking around for quite a while now... I am trying to be helpful with a project with some minor issues, and that project includes the new world of Pixi (fantastic stuff I must...
View Article