Fill a shape with color
Hi , I actually drawing a shape with each click I make. https://codesandbox.io/s/pixi-sprite-loading-q22zf?file=/src/App.vue I want to fill my shape with color, How can I make ?
View ArticlePIXI Sprite displays in black
I am trying to set a Sprite as a background in my viewport. The grid.png is 23040 x 9984 pixels. this.app.loader .add("grid", require("./assets/grid.png")) .load((loader, resources)...
View ArticleClik here to view.
TilingSprite offset distortion over time
There's a TileSprite implementation in my project that seems to offset and distort on live production kiosks. this.tileTexture = PIXI.Texture.from(ConveyorAsset.RED); this.tile = new...
View Articlepixi-layers: .on(sort) callback and updateOrder
I've been playing around with pixi-layers for a few days now and I've noticed 2 things: The layer.on("sort", ...) callback is being called continuously (on each tick if I had to guess). Each elements...
View ArticleHow to show mobile keyboard in PIXI
I'm trying to make an input module and I need to show the mobile keyboard so that I can go further. I'd appreciate any help)
View ArticleClik here to view.
Gooey Effect in PIXIjs v5 (metaballs)
Hello everyone! I am trying to reproduce the so called Gooey Effect with PIXI. Following guides I found on the web, I managed to make it working greatly in in SVG, but in my final application I have...
View ArticleClik here to view.
Converting SVG transform to WebGL equivalent
Hi, I know this isn't the primary use case of PIXI, but I'm trying to convert my SVG data viz, generated primarily with d3.js, to a WebGL equivalent to make it more performant. The end-result looks...
View ArticlePIXI v5 + Howler
I know this has come up in the past...but is there a 'best-practice' implementation of a Howler integration with PIXI v5 (including integration with the loader) that anyone can share? The few hits I...
View ArticleClik here to view.
Fill Bezier curve with a texture using PIXI.Rope - V5
Hi folks, I'm working with PIXI for a few months and Canvas2d for a few years I'm working on a rewrite of my app using PIXI and react.js and it's working pretty well. I'm struglling only with strokes...
View ArticleSound effects?
What library is recommended for sound effects? I don't see any examples of sound on the official pixijs site...
View ArticleClik here to view.
How to draw SMOOTH circle
On first images (red circles) im using draw method and they are very VERY bad quality On second image I used png texture, but still new trouble - somewhere circles are DEFORMED. How to draw solid...
View ArticleAccess value in onDragStart function
Hi, I'm looking to access to a value (boolean) who is defined above in my code . But in onDragStart function it's not possible. I use Vuejs and props to pass value between components. function...
View ArticleRecommended way to transform into an mobile app?
Is there recommended tooling to transform a pixi game into a mobile app?
View ArticleMemory leak
Main.ts let app = new PIXI.Application({ width: 1200, height: 600, antialias: true, transparent: false, resolution: 1, backgroundColor: colorNumber('gray'), }); document.body.appendChild(app.view);...
View ArticleHow to use blend modes in a render texture?
If I render blend modes like add or multiply in a render texture, they render with black where the transparency would be if I render them against a background. I don't think I can get the blend mode...
View ArticleRemove an Object with a html button
Hi, I generate text on my canvas , I want call a JS function when I click on this specific text and next on a HTML button and access to the text properties to make a `text.parent.removeChild(text) `...
View ArticleWhat am i doing wrong using Pixi-layers for basic sight ?
Hello, my game project is a little bit similar to this : https://jsfiddle.net/2kznra41/5/ I'm trying to make the screen darker and to remove this darker effect around units, but it is not working and...
View ArticleHow to generate texture from invisible objects?
i have a Container of many Graphics, some of them are hidden (visible = false) renderer.generateTexture returns a texture consisting only of visible objects...
View Articlepixi.js + pixi-ui.js
Hello. I studied Pixi when it was 4v and took a break. Now it's v5, and i want release my dream in using pixi.js+vue-cli. If you don't want to read all my steps, just read last clause in the post 😃 So...
View ArticleAccessing variables in PIXI*
this.cursor = new PIXI.Graphics(); /****some code ****/ this.addChild(this.cursor); setInterval(function () { this.cursor.alpha = 1; //alpha is undefined setTimeout(function () { this.cursor.alpha =...
View Article