How to center the player sprite in the camera in a MMO game?
I used to have a function that center the player sprite in the camera, like this (in the camera class): centerOver: function(sprite) { const vx = sprite.x - (this.width / 2) - this.x; const vy =...
View Articledragging sprite makes container move too
hi I'm beginning to write a new app, where I need to include a background plan, and several markers onto it. I'm still learning, since it's been 2 days that I'm struggling to write something clean....
View Articlezoom html pixi button wrong position?
i zoom html use css zoom. The button in pixi game wrong position. But i use transform scale it ok. How to fix that when use zoom??
View ArticleFilter Feedback / Apply Filter Multiple Times?
I think I have seen this question asked before, but I have not been able to implement a working solution in pixi.js v4.5.0. I am new to this, so bear with me.... I have a custom GLSL filter (the Game...
View Articleplay animation smoothly and load/prepare one at the same time
I've spent at least a week now trying to load and run a texture atlas animation smoothly. On canvas click, I am starting to load and prepare an animation. Also an already loaded animation fires. Check...
View ArticlePlease help with WebGL errors
Hi, i successfully made simple code that creates sprite and adds it to root stage. But i keep getting errors in console: Quote Error: WebGL: Exceeded 16 live WebGL contexts for this principal, losing...
View ArticleBest way to handle AnimatedSprites?
Should I just have one AnimatedSprite that contains all my frames for everything (walking in each direction, attacking in each direction, etc etc), or should I have one AnimatedSprite per animation...
View ArticleHow to maintain the visual quality of the sprite after scaling
I have made a demo that the sprite will scale to a bigger size on some event. However its texture gets blurry and resolution changed so the sprite looks very awful after scaling to a bigger size. Is...
View ArticleHow to scale a sprite inside a scaling container to a different scale value...
Hi everyone sorry for the "tongue-twisted" title. I am making a player sprite inside a container and it works like this: when I move my player sprite on some occasions such as the sprite touches some...
View ArticleSprite height relative to stage / container
Hi, Is there any function for relative sprite height / width (%) ? I need sprite with 50% height of stage, now i keep tracking height of root stage and re-calculate height's. Is there better way to do...
View ArticleClik here to view.
text Diacredical Marks pixijs problem?
I create a game. But when i create text, it lost Diacredical Marks (language is vietnamese). Normal I use style in pixi example, it does not loose Diacredical Marks. But when i remove some stype of...
View ArticleClik here to view.
Blurry text in Pixi.js
First of all I would like to say that I've read all topics and issues on github, related to this problem and it didn't help me. I've checked PIXI.RESOLUTION, antialiasing, different fonts (google web...
View ArticleClik here to view.
[RESOLVED] Interactivity not working on rootStage
I've a visible sprite at the center of my canvas, but following http://pixijs.github.io/examples/index.html#/demos/interactivity.js gives no result. Events are never actionned. Edit: as I tried on...
View ArticleWhy `containsPoint` not working?(can not fill with bezierCurveTo)
I try to use `containsPoint`, but it always return false. It seems `containsPoint` must work with `startFill & endFill`, but when I use `bezierCurveTo` draw line, the fill not working. But the...
View ArticleAdjust the intensity of the DisplacementFilter
Hello, I am using a DisplacementFilter to create a water ripple effect (the source & maps kindly borrowed from some other posts on this forum). I would like to be able to have the ripples 'fade'...
View ArticlePixi.js Showcase
Made anything cool with pixi.js? Post it up here and share it with the world! Whether it's a cool game demo, a fully fledged website or some tripped-out crazy experiment, we would all LOVE to see it!...
View ArticleIncrease optimization of my Tiled Map rendering
Here's my current logic split up the tileset image into an array of 64 x 64 textures (the index correlates to the tile id) split up the map into sections max size of each section is 640 x 640 and...
View Articlehow to remove sprite from render list?
I made virtual camera with container and I want show sprites only in this camera's range so I use 'removeChild' for out of camera's range sprites and again 'addChild' when they in camera. but...
View ArticleFind center of child when parent scale/position changes
Heya. I am using PixiJS to build a visualizing tool as part of a larger application. Currently, I am building a minimap component which draws linked ancestors from a selected chain in the main web...
View ArticlePIXI.loader.add with image instead of json file
I have a couple of texture atlases. The order of textures that create animation is the same in all of them. In other words, my first frame of animation is always (0,0,100,100), my second frame is in...
View Article