Pixi.js v5 how to load m3u8(HLS) video on IOS mobile ?
HI, I want to use Pixi(v5) to play a hls(.m3u8) video on mobile webpage, but I find that on IOS (Iphone Xs), PIXI.Texture.from is not updated as predicted. Can somebody tell me why & is there a...
View ArticleA virtual dom library for Pixi.js snabbpixi
I've written a virtual dom library for pixi.js. https://github.com/eguneys/snabbpixi It only supports `PIXI.Container` and `PIXI.Sprite` but you can extend it to work for custom display containers....
View ArticleClik here to view.
Pixi Layers - request for an explanation
Hello I have problem in understanding how pixi layers work. I want to make some layers like top one, mid and bottom. I want to add players to the top layer, enemies to mid and move dead enemies to...
View ArticleClik here to view.
SVG Cache Problem on Chrome
When it is the first time I open the game and play everything is fine after a couple of moves, players get new turns, some cards fly around(players get resources, trade etc) and then when I hit page...
View ArticleChange the style of line that is already drawn?
Hi guys It's been a long time since working with Pixi.js. Since the version 1.6 is 'in da house' with the ability to fill up complex polygons, I resumed my project again. As the title says, I draw...
View ArticleComposite Layer and GPU Performance Tips
I'm looking for any tips in regards to performance with the GPU and composite layers specifically. ^.^ My performance now is pretty good on web ~55-60 fps and it also looks pretty good on mobile, but...
View ArticleMemory leak in Safari/Webkit
I'm currently hunting down an issue with a game that we have developed with pixi.js: According to the dev tools in Chrome, the game uses about 53MB memory. On FireFox it uses about 73MB. On Safari it...
View ArticleiOS: RAF fire takes much longer than actual processes / zoom focus issue
Has anyone ever seen this where my RAF wants to take up the entire frame (~15ms) but the processes within don't take very long (~3ms)? My app is running iOS on Cordova with wkwebview. Long RAFs:...
View ArticleAdding on screen buttons to allow player to move left right up
Hi I'm trying to add onscreen buttons to move my sprite around my website. https://alfielytorres.github.io/hackercastle/ right now my code is as follows //load keyboard class Keyboard {...
View Articleincrease descrease sound volume
Hi guys, someone could help me to find a right way to implement slider for increasing or descreasing volume? i mean vertical slider (sorry i cannot upload screen) like this...
View ArticlePixi Legacy v5.1 and Mask issue
Hi, I'm doing a web configurator based on Pixi and Vuejs. I've used pixi v5 but for those not support Webgl and for some automatization (Puppeteer screenshot for example) I've prefer install...
View Articlepixi-spine antialias
Hello, I am a Korean developer. I play animation through pixi-spine. The problem is, I want to turn off anti-aliasing because my spine is low resolution When you false antilias to an option on...
View ArticleHas anyone noticed performance problems in Chrome using spines?
Hello, I have around 15 spines on screen. FPS in chrome is in the 20s, firefox and canary are rock solid 60 fps. Removing spines (or swapping them for static images) will make Chrome hit 60 fps. I...
View ArticleClik here to view.
Issue with masking transparent sprite
Hi everyone, I began looking for ways today to recreate this affect: Theres a red image, a blue image, and the black is where the overlap. I wanted a draggable canvas where the black area appeared...
View ArticleCan't create a basic JSON Spritesheet "undefined"
I'm following the directions in the documentation to the T here, and I'm just not getting why this isn't working. var state, bunny, sheet; // Create our application instance var app = new...
View ArticleSprite non rendering in IE
Hi guys, I'm having an issue with PIXI and IE11, my sprite are not rendering... I'm using like that : var texture = new PIXI.Texture.fromImage(url); // Create three Sprite for each mask var sprite =...
View ArticleHow to play video from m3u8
I downloaded https://pixijs.io/examples/#/sprite/video.js and of course it worked fine. I'd like to play an m3u8 though, such as https://mnmedias.api.telequebec.tv/m3u8/29880.m3u8. I tried modifying...
View ArticleRectangle from Pixi JS Graphics doesnt show up on screen
I tried to draw a rectangle like this: graphics.lineStyle(2, 0xFF00BB, 1); graphics.beginFill(0xFF00BB, 0.25); graphics.drawRoundedRect(150, 450, 300, 100, 15); graphics.endFill(); But it does not...
View ArticleClik here to view.
Bug during export of filtered canvas
I have to use filter of pixi js like AdjustmentFilter. I got an issue with MAC, I initailised canvas, then I put effects when canvas is loaded. After adding green in filter variable I tied to export...
View ArticleHow to move graphics out of a container into the main stage
Hi I am trying to move a Graphic out of its Container and add it into the main stage, but once it's done, the position, angle, and scale of the Graphic are reset back to whatever was the default info...
View Article