Questions tagged [pixi.js]
A fast, JavaScript-based 2d-rendering library
pixi.js
1,036
questions
0
votes
0
answers
14
views
How to use pixi.js to extract canvas with background colour
I'm working with this GitHub project: Arcada.
I've modified the export button to extract the floor map from the canvas. However, the exported image has a black/transparent background instead of the ...
- 372
0
votes
0
answers
34
views
Running my Pixi.js project in a react Native screen using expo go
I can't get my game to load within my app screen. As far as I can see its been bundled correctly and works in a browser using LiveServer but when I try to get it to load on the native app screen I ...
- 1
0
votes
0
answers
22
views
Style matter-js bodies
I Want To Create This Ping Effect.
You can see more about it on https://stake.com/casino/games/plinko
I'm re-building this plinko game and want to create this effect of a 'ping'. I got to a point ...
- 1,042
0
votes
0
answers
17
views
Sprite displays entire spritesheet instead of individual frames
I'm working with PixiJS 8 and facing an issue where sprites created from a spritesheet display the entire sheet instead of just their individual frames. Despite correctly slicing the spritesheet into ...
- 1,157
0
votes
0
answers
29
views
Pixi JS: How to combine two colors in text?
I need to somehow divide the text in half and paint one part with one color, the other with another.
I'm using React-pixi library, this is a wrap of Pixi JS for React JS.
At first I thought it could ...
0
votes
1
answer
20
views
PIXI js text moving on redux state update
I made an element in my game class:
private winAmountText: PIXI.Text = new PIXI.Text('0')
I have below code in my constructor:
this.winAmountText.style = new PIXI.TextStyle({
fill: 0xFFFFFF,
...
- 439
0
votes
0
answers
17
views
PixiJS - I have to double click to open the Pause screen. Why is that?
In trying to find out why the pause menu opens when the pause button is double clicked instead of being clicked once. It’s a web application which I haven’t made and I’ve never worked with PixiJS.
I’...
0
votes
0
answers
22
views
how to extend Spine class?
In pixijs project, i want to create class component that extends Spine, but it gives me an error
Uncaught Error: The spineData param is required.
Here is an example:
export class TargetView extends ...
0
votes
0
answers
21
views
How to use updateTransform to do something every frame/render WITHOUT moving the sprite? (or is there a better callback?) (Using ReactPixi)
Pixi.js added an onRender callback that is called every frame in v8, however ReactPixi seems to only have support for Pixi.js v7, so I have to use updateTransform. (I'm using ReactPixi). The ...
- 1
0
votes
1
answer
46
views
How to create an input field at PixiJS Canvas (implicit: Import/export between PixiJS UI and typed-signals)
My target is to use PixiJS UI (version 2.1.2) to place an input field at a canvas that is drawn by PixiJS (version 8.2.0).
The part with just PixiJS works fine, but I don't get the import for @pixi/ui ...
- 745
0
votes
0
answers
41
views
pixi js on Node headless environment not utilizing GPU for hardware acceleration
I am using pixi.js in node environment with @pixi/node using Xvfb as Display server and headless-gl for webgl.
Using WebGl renderer with the use of xvfb. This way it is very slow.
But without it, in ...
0
votes
0
answers
45
views
Draw dashed rectangle with PixiJS
Is it possible to draw a rectangle with a dashed line?
My code looks like:
import {Application, Graphics} from 'pixi.js';
(async () => {
const app = new Application();
await app.init({...
- 53
0
votes
0
answers
14
views
Spine + PIXI + text to follow spine animation transformation/path
I want a text to follow the animations path or transformations of the animation in the spine. using javascript, can some one help me hereplease.
Thanks in advance
I tried adding the text to the bone ...
0
votes
0
answers
31
views
How can I get smoother Graphics() in pixi.js?
I am trying to draw using pixi.js version 8.1.5 Graphics:
const graphics = new Graphics()
graphics
.clear()
.moveTo(km.graphic.origin.x, km.graphic.origin.y)
.lineTo(km.graphic.center.x, km....
- 849
0
votes
0
answers
23
views
D3 Projection has black border, causes country fills to be impossible
I am currently trying to setup a D3 Map with PIXI. For some reason, when using d3.geoMercator with data from https://www.geoboundaries.org/. I get this border around my map:
When having all my ...
- 133