Using React in Pixi? Pixi in React?
I am building an app using Pixi as my main render. I am also using D3 and I want to use react as my UI manager. How is the best way to go about this? I am already running Pixi with Webpack and ES6
View ArticleTake polygon coordinates from PIXI.Text or image
Hello, guys! I need some mechanism which can take text and retrieve polygon coordinates of it. Is it possible by using PIXI.Text()/Pixi.BitmapText()? What I mean is:...
View ArticlePIXI.BitmapText font from PIXI.TextStyle
Is there a way to create a BitmapText font from a PIXI.TextStyle? I would like to combine pre-installed system fonts, that don‘t require any downloads, with the performance of BitmapText. If I use a...
View ArticleEfficient way to fill the canvas with random pixels
Hi, Im trying to make a simple app/feature, that fills an area with random pixels(random color at random time) I have a working solution that is only a handful of lines of code, but its crazy slow....
View ArticleClik here to view.
Line of sight triangles in v5
Congrats on v5 you awesome people! So a long time ago I was working on top down 2D game that had line of sight, but I ran into performance problems problems that sound like they can be more easily...
View ArticleHas anyone done pixi.js server side rendering with pixi 5
Need to do a server side rendering with pixi - has anyone done it? tips and caveats?
View ArticleWEBGL_draw_buffers compilation error
Hi there, When tying to compile pixi.js 5 with typescript I get node_modules/pixi.js/pixi.js.d.ts(3848,30): error TS2304: Cannot find name 'WEBGL_draw_buffers'. 3848 drawBuffers:...
View ArticleStructs as uniform type (in fragment shader)
Hello. I'm making example filter with custom fragment shader. This is what I have in terms of shader code so far: //fragShader struct SomeInfo { vec4 color; }; uniform SomeInfo c; void main() {...
View ArticleDraw an svg path with pixi.Graphics looks bad
I'm trying to draw some paths and animate them with gsap. So far here is what I came up in a couple of weeks of struggle: https://codepen.io/federicovezzoli/pen/MxMxGo Basically here is what I'm...
View ArticleJavascript GC or pooling
I'm not an expert in javascript GC so I'm still wondering the best way to approach object creation/destruction in javascript. For example if you look at this PIXI demo:...
View ArticleLoader add json manually without reference to file
Hey ! I dont want a call from javascript to look for my "sprites.json", so I thought that I put the json within the js and then tell the loader it should read from there. Like that: let json = {...
View ArticleResize Sprite/Container with children - the proper way?!
Hello, nerds ! Happy v.5 release also ! So I`m making pinch to resize(zoom like), stretch and shrink(which is basicly resizing to constant values) over class that extends Sprite or Container. I`m...
View ArticleSend events to objects underneath topmost interactive obj?
Howdy! Brand new to Pixi.js and JS development in general. I have a quick question regarding InteractionManager. I have two objects on the stage: a box with a scroll listener for mousewheel events...
View ArticleClik here to view.
need help in pixijs masking
Hi, Need help on my project and I am pretty new on pixijs. I need to mask an image ( avatar ) with circle( like border-radius ) and make the image contained and behaves like a background contain or...
View ArticleChange preservedrawingBuffer after renderer is built
Is it possible to change preserveDrawingBuffer after renderer initialization in v4? I have a case where player can save a screenshot from a button, and the data is rendered to 2d canvas with extra...
View ArticleHow to restrict the size of the filter in displacementFilter
I want to restrict the size of the applied filter on canvas. In the below codepen i have set the displacement filter and moving it according mouse position. But the problem is it's covering entire...
View ArticleHi!Can pixi cut a square picture into a hexagonal picture?i!
Hello! I have a square picture,Now I want to cut this picture into a hexagonal picture without using photoshop. Is there any good implementation idea? mask？or frame?
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 Articlepixi JS Pixi-spine
Hi, I was trying to understand how to use Pixi-spine library that adds support for spine animations for PixiJS . But I did not find anything useful on the internet. Can anyone help me understand it?
View ArticleSafari Cleanup Issue
I’m building a SPA (vue js + vue router) combined with some pixi js (v4.8). The main features I use are : - image sprites - video sprites - some pixi texts - displacement filters Depending on the...
View Article