Use a whole Container() as a complex mask for an element
Hello everyone, I’m quite new to PixiJS but I love it so far! However, I just came across a problem that I find surprisingly confusing and I’m not quite sure which option would be the most...
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 ArticleFixing my timestep using PIXI.Ticker
Hi all, I'm currently working on fixing my timestep in my Pixi application. So far, I've been using a single PIXI.Ticker, which came with the PIXI.Application. In the tick method, I am stepping my...
View ArticleSetting canvas pixelRatio
Hi, I was just trying to set devicePixelRatio for PIXI but when I resize the canvas, all sprites get offset to bottom left. I googled but didn't find any proper approach to set resolution and resize...
View ArticleClik here to view.
PixiJS: SpriteSheet Tutorial
I've just created a short tutorial for PixiJS that explains How to create & use sprite sheets with a few mouse clicks Use animations from sprite sheets (much easier than enumerating all sprites...
View ArticleClik here to view.
PIXI - many filters cause fps drop
Hello everyone! I found that using filters to multiple sprites is causing frame drop(in my case 25 filters). After the frame is dropped, if i remove filters via console , the frame is again 59.9-60.0...
View ArticleCanvas renderer - masks problems
Hello everyone. I make a application, the first on Webgl renderer. All works fine, but on mobile devices less perfomance. So i try - a canvas renderer ( forceCanvas mode) - perfomance very very good...
View ArticleHow to use multiple shaders on a sprite.
I'm using PIXI.js v4, and I've read the example of render plugin. And now I want to use shader on a sprite to get a new Texture, and then use another shader on the texture (several passes maybe). So...
View ArticleSVG to Texture off the main thread: how deep can I possibly go?
Hey there! I'm developing an electron app, which will load shit tons of SVG files and play them as animations. The process of decoding SVG -> PIXI.Texture is pretty fast, however, with 1000 SVGs it...
View ArticleFragment shader gl_FragColor.a doesn't work in plugin.
I've made a demo on my Github page, and it is almost copied and built from the plugin example. The problem is when I modify the fragment shader into a simple example: varying vec2 vTextureCoord;...
View ArticleServer side rendering?
Hi ! I have a mobile game based on pixi.js+pixi-spine (let's call it the client). I also have a backend in node.js (let's call it the server). Now, I want to dynamically generate gifs from my spine...
View ArticleChanging image resolution for mipmapping
Hi there, I'm working on an app showing user uploaded maps (bitmaps). These maps can be of any resolution and often they are very large. Now down-scaling these images they become ugly and crunched, so...
View ArticleTrouble in playing video in RPG Maker MV
I want to play video by means of pixijs. This code below is ok in normal project. But if I put it in RPG Maker MV plugins, it can't play anything, or just play sound with still image. function test(){...
View Articletint property in PIXI.Graphics
What is the usage of tint on Graphics. As far as I can see tint can only be applied to Sprites.
View Articlehow to render 30 animating lines with 2500 points each at 60fps
Greetings! I love pixijs! Amazing stuff! I'm currently attempting to plot about 30 lines, each containing about 2500 points scrolling right to left (where once a point goes off the screen to the left,...
View ArticleOptimizing draw calls when using PIXI.Graphics
Hi all, In my project, all of my visuals are generated as primitive shapes from PIXI.Graphics. Right now, I am instantiating classes I made that extend from PIXI.Container. On initialization, these...
View Article[solved] How to import spine data from version 2.1.18 essential with pixi-spine?
Hi Everybody, I'd like to use Spine in a Pixi project (either the latest v4 or directly starting with v5). I use webpack and npm and saw that Pixi his split pixi-spine into a different npm package....
View ArticleHow to decrease heating up computer.
I don't have many animations & most of my game UI is static(its a board game). So correct me if my understanding is wrong. Even when nothing moves on the screen PIXI draws everything on the canvas...
View ArticleClik here to view.
RenderTexture context lost and performance
I am rendering 50-100 pictures with text on them to their own RenderTexture (size of 800x800) so I could later create multiple sprites having that same texture. I render them with that size so quality...
View ArticleClik here to view.
Poor rendering performance, but why?
I am troubleshooting a rendering performance problem with PIXI. I have an 1920 x 1080 image slideshow. The images fill the entire window and are scaled up if needed. Once an image has loaded, I load...
View Article