Clik here to view.
warning with import spine
Hello. I added pixi.js-legasy in webpack plugin, after that i write pixi global window.PIXI = PIXI and import pixi-spine. Spine works correctly, but there is warning. How can I fix it?
View ArticleClik here to view.
Can't create custom BitmapFont
Good morning, I created a font using bmGlyph and exported as 'Sparrow/Starling' to use with pixi. Using the font directly on the bitmapText style works correctly: // Load font...
View Articlesettings.RESOLUTION or PIXI.Application.resolution
Why if I set PIXI.settings.RESOLUTION = window.devicePixelRatio (my case is 1.25) or PIXI.Application.resolution> 1 (for example 1.25 or 1.5 or 2) sprite (textura?) becomes over size after a while....
View ArticleWhat's the most performant way to work with textures in PIXI.js?
I couldn't seem to find a clear solution online that would apply to me anywhere but if this has been discussed elsewhere feel free to link me there. My game's fps dips after running for only a few...
View ArticleOptimizing memory of large background images when changing maps
Hello there, first post! I'd like to ask one thing that was on my mind for a very long time throughout the course of my online multiplayer game's development. Imagine there is a large mansion and each...
View ArticleToo many active WebGL contexts...
Hello, I'm creating a web-component with pixijs, just now I ' want use this multiply on my webpage but I can only 16 times this create and I take a warning : "ContextSystem.js:118 WARNING: Too many...
View ArticleDo not trigger interaction listener if something “covering” interactive...
I made simple recreation available at Codesandbox In essence following code triggers alert function when I click on a text even though my interaction listener is set on the sprite. I was under...
View ArticleSprite compression
Hiya, I'm wondering about png and sprite compression in general, and how PIXI see's it. Note: these questions are not about the network or other web impacts, I'm interested in the point where PIXI...
View Articleinteraction/dragging example seems hacky
Here's the code in question: https://pixijs.io/examples/#/interaction/dragging.js bunny .on('pointerdown', onDragStart) .on('pointermove', onDragMove); function onDragStart(event) { // store a...
View ArticleClik here to view.
How to create a rounded rectangle loading animation with Pixi.js v4.0+?
hello,everyone! effect： my demo:https://pixiplayground.com/#/edit/47wFCytmySTL5yl48dapG How to deal with the fill color of the border?
View ArticleHow to optimise large textures for mobile devices
I am working on a game that has few background graphics, these are stored in app bundle at big resolutions like 2000x2000 pixels to support bigger devices like iPad pro. Obviously something this big...
View ArticleTips on isometric games with PixiJS
Hi people, I'm about to start a personal project and I'm thinking to go with pixijs. Is about a city builder isometric-game. I would like to know if anyone have any tips, suggestions or can point me...
View ArticleDisplayObject.toGlobal not correct?
let g = new PIXI.Graphics() g.beginFill(0x553311) g.drawRect(0,0, 100, 100); g.endFill(); let sp1 = new Sprite(g.generateCanvasTexture()); sp1.width = 100; sp1.height = 100; g = new PIXI.Graphics()...
View ArticleClik here to view.
Esoteric Spine, changing art of a slot with multiple attachment regions
I've got a spine animation where the sprite of a certain slot changes. This is essentially the same thing as in the spine demo where they make a character blink by having two different images for the...
View ArticleDrawing many rings
Hello everyone! ❤️ I'm having problem - i need to render in webGL renderer (pixi v5) about 100-600 rings with defined line width. Performance here is very important so I'm looking for fastest way of...
View ArticleApply custom blendMode to PIXI particle effect
Hi, I am new to Pixi.js and I have been searching and looking for the custom blend mode usage with only WebGL in Pixi.js. I looked through the post( ) and the github PR...
View ArticleReplace geometry in graphics object
Hello, I'd like to ask if there is any way to replace geometry in already created graphics? The documentation says that geometry attribute in graphics object is read-only. I know I can clear and...
View ArticleClik here to view.
CSS background-clip for PIXI.TEXT ??
Hello there I was wandering weather its possible to perform good old CSS trick "background-clip: text;" on PIXI.TEXT, to achieve effect of a text which has a picture/texture fill instead of a color....
View ArticleLooking for a more efficient way of loading textures on node backend
Hi! Let me start by explaining my use case: I'm the developer for a website that lets you build and share blueprints for a game. The front end of the website uses pixi.js and it works really well!...
View ArticleSprite from buffer
I am trying to display an image that I get in the form of Uint8Array. /* width: 640, height: 360, data: Uint8Array(921600) [ 89, 72, 34, 255, 97, 80, 42, 255, 105, 93, 43, 255, 117, 105, 55, 255, 117,...
View Article