angular 9 + pixijs-legacy weirdness
Hey, so I'm seeing some particularly strange loading behavior of pixijs-legacy after updating to angular 9 (using angular-cli as the build tool). In angular 8, everything was fine, but in 9 when...
View ArticlePIXI & DOM Inpus
How can I add HTML DOM Input (or any other element) to PIXI container with relative position ? Thanks
View ArticleClik here to view.
What does this sad face mean?
I have seen this sad face pop up from time to time in my application and I can't figure out what causes it. Maybe the renderer is unhappy?
View ArticleFill and line tween not working using gsap
Hey, I've been trying to change fill and line properties such as lineColor and lineWidth, when logging the object in the console it shows that the value have change but it does not rerender it and it...
View ArticleInteractionManager
Question about the InteractionManager: The following works as expected: InteractionManager.on("pointerdown", handlePointerDown); function handlePointerDown(e) {...
View ArticleClik here to view.
Pixi.js + TypeScript boilerplate
After a couple of days working with Pixi.js, I've built up a simple boiler plate for the TypeScript language I'm glad to share: https://github.com/yahiko00/PixiProject The game loop with a FPS meter...
View ArticleTexture raw buffer data
Hello, I have a basic question. Is there a way of getting the raw data from the Textures. For example: new PIXI.Text(this.message, this.textSettings).texure; How do I get the individual pixel data for...
View ArticleEndless background
Hello, I'm new to PixiJS.I'm making an aquarium game. It's like AgarIO.But I'm having trouble making endless backgrounds.I am sharing my game class with you. Please can you help me? class Game {...
View ArticleLooking for Efficient Rendering Tips
First, a bit of context. Most of the animations in my app involve moving a piece on a game board from point A to point B or showing a piece attacking another piece. Each frame for a piece is...
View ArticleFastest way to draw multiple lines
Hi, I'm building a vector drawing tool with PixiJS and have come across a bit of an issue. The tool I am building allows you to draw shapes, polygons and curves which I am implementing using...
View ArticleClik here to view.
BlurFilter works, but DropShadowFilter not
Hello and good evening, I am trying to use DropShadowFilter at a web page (please scroll down): <script type="text/javascript"...
View ArticleClik here to view.
Adding graphics (a shadow) to a Sprite with texture (playing card)
Hello, I have a Sprite loading a playing card texture from sprite sheet. Now I am trying to add a shadow to the card (when dragged) by just drawing a rectangle on the same sprite - function Card(str)...
View ArticlePixi.js support for "in"/"out" keywords?
Hello, I hope all of you do well in these troubled times. I have been struggling around an issue this afternoon with Pixi.js filters. I have recently built a few fairly simple fragment shaders, and I...
View ArticleBig objects, Graphics
Hi. I'm currently learning PIXI and having some troubles. Let me explain what I'm working on: there is a game that has 12000x12000px map size and the whole map can be scaled. I want to create map...
View ArticleChange hitbox of Pointer
Hello! I have a problem, to which I have looked for a solution, but I have not found anything. I have many polygons drawn on a canvas, using Pixi.graphics. Each of these polygons make up a mesh...
View ArticleClik here to view.
PIXI.js: How to build a soft sprite animation (not loop)
Hey guys, i tried to make a soft sprite animation with PIXI.js, i learn about the ticker and i tried to implement, but is a loop, and its no use because is a movimentation player. See the print Is a...
View ArticleWebpack || playable ad || json
Hello everyone, I'm new to Pixi.js!I faced a problem - need to get one html file at the output. I use webpack for assembly. I inline scripts, convert images to base64, but I don’t know what to do with...
View ArticleAdjusting Filters
Hello, I am hoping to change built in PixiJS filter parameter with mouse cursor and time. Does this interactivity require writing custom filter/shader? For example (not working) app.ticker.add(delta...
View ArticleClik here to view.
Positioning Container
Hello!I want to center the Container with the preservation of the perspective and so that it always fits into the window. But Pixi Container doesn't have a constant size. How do I achieve this?
View ArticleClik here to view.
Latest Pixi not compatible with Angular 9
Hi, guys I need your help, i have angular 9 project with lates pixiJs 5.x. my GPU go up until 100% when i run. I see nice article About Angulr & Pixi ->...
View Article