Proper way to animate sprites
I'm wondering what the best way to animate a sprite is. Is there a basic example or tutorial out there somewhere? I have ten images in a spritesheet that are part of an idling animation, and I made a...
View ArticleDisplayObject cursor property not working in CEF
Hi, I just updated an old version of pixi.js we had been using. The cursor used to change to "pointer" when hovering over a DisplayObject in our embedded chromium browser (CEF). After v4.4.0 the...
View ArticleNeed advice for some project
Hi guys. I want to create a effect in PIXI, that looks like first frames in this video -> http://hubblesite.org/video/513/news_release/2006-01 (stars shooting/flying by). What would more...
View ArticleAnimatedSprite single pass
Hi, I was trying to make my AnimatedSprite run only once. Initially I thought it could be achieved by setting `loop` to `false` and manually calling `play()`. However that worked only first time. For...
View ArticleBackdrop filter in Pixi?
Hello, I'm investigating some web-gl solutions that would allow an effect similar to Safari's CSS backdrop filter. I know Pixi supports creating custom filters, but this filter is usually a little bit...
View ArticleBox2D examples
I am an experienced programmer but brand new to game dev. Are there any good Box2D examples for Pixi?
View ArticlePerspective correct texture mapping
I have opened the same question on stackoverflow: https://stackoverflow.com/questions/47342853/perspective-correct-texture-mapping-in-pixi-js My purpose is making a simple 3d engine with 2D sprite (I...
View ArticleClik here to view.
PIXI and globalCompositeOperation
Hi, Is it possible to change the globalCompositeOperation in PIXI CANVAS renderer? I can't find any info about this Thanks for your help, Fred for example: globalCompositeOperation = 'destination-out'
View ArticleEstimating duration of AnimatedSprite's single run
In my game I've a tower sprite (it's a top-down 2D RTS game). I rotate it with my animation mechanism (i.e. I update the sprite.rotation in steps). While rotating I also want to run the firing...
View ArticleClik here to view.
Use pixi.js to build a game like agar.io
I want to build a game like agar.io. I create a PIXI.app first and then create a container called clientView insides. I render all my sprites on app.stage and I want to render clientView to my window...
View ArticleZ-order examples outdated?
Hi, I'm trying to get Layers/Z-order functionality working and following examples on it. There are two different examples on pixijs site http://pixijs.io/examples/#/layers/zorder.js...
View ArticleRadialGradient
Hi, I'm new to Pixi, I want to make a star background like this: But I can't find a way to make 'createRadialGradient' in Pixi, so how to create a star like that? please help.
View ArticleHow to use pixi.js modules/libraries with typescript using npm?
First of all Is it called "module" or "library" if it extends pixi.js' functionality? How to use them with Typescript? I'm not totally new to typescript but aren't pro w/ it at all. I added pixi.js...
View ArticleFrame Fit Error Override.
Hi, I'd like to know if there could be any unwanted consequences or behavior if I comment out the error thrown when a frame doesn't fit in the base...
View Articleextract image array from video
I have an mp4 video file (H264 encoded). I want to create a PIXI.extras.AnimatedSprite from this video to be able not lagging reversed animation play; If I splice this video to image sequence the size...
View ArticleClik here to view.
Pixi Filter/Shader with Confusing Results
I'm experimenting with GLSL shaders in Pixi 4.4, and was trying to make some that would take in two images, the base and an overlay. The shaders would then replace either the Hue, Saturation, or...
View ArticleVery slow CanvasRenderer performance for just 3 sprites
I'm trying to draw 3 'tetris blocks' on the screen, but as you can see, the performance is quite bad. I get around 3 frames per second on my machine. I created a codepen example to demonstrate the...
View ArticleRendering Only "In Screen" objects
Hello, I'm doing some stress test with PIXI, and it seems that PIXI draw all the element of the stage, it does not matter if they are in range off the screen or not. I'm trying with 300 circles and...
View ArticlePIXI 4.6+ way of cutting shapes using other shapes?
I've been reading a backlog of how to do this all the way back to when the recommendation was to use canvas. What is the new and modern way of accomplishing this? Let's say I have a rectangle that...
View ArticleClik here to view.
How to implement accurate sprite scaling
Hello, First of all, I know that the problem has been somewhat addressed in previous topics, but I just don't seem to find an answer which results to as accurate zoom effect what I am looking for. My...
View Article