texture from a dynamically generated SVG in pixiJS v8
Hi, How can I create a texture from a dynamically generated SVG in pixiJS v8? This worked in v7: const testSVG = '<svg viewBox="0 0 100 100" width="7"...
View ArticleCreate a uniform colored shader
Hi, I want to create a simple polygon but move individual points after its creation. So rather than clearing an entire graphics object whenever a point changes, I wanted to use a mesh for the first...
View ArticleCan PixiJS be used to do something like everyonedraw-dot-com?
I want to challenge myself and do a small and simple infinite pixel drawing canvas – like everyonedraw.com. I'm a hardcore backend Golang developer so frontend game and gfx development is very...
View ArticleRender image pixel by pixel
Hi. What is the best way to build and render an image in Pixi.js 8 pixel by pixel? I know in previous version of something like `Texture.fromBuffer` allowing to create a texture from an array of...
View Article[PIXI] Correct way to initialize an Application?
Hi Everyone, Browsing through the Pixi docs, it looks like the correct way to initialize a Pixi app with an initial width and height is: let app = Pixi.Application({width: 500, height: 500}); It looks...
View Article[PIXI] BitmapText low res
Hi, I have a text initialized like so: await Assets.load({ alias: 'Inter', src: inter }); when I use it in a regular Text object, it is sharp, but when using a BitmapText, the resulting text is kind...
View ArticleProblem with window.open()
I have a game in Pixi.js v8 and a button with a handler that opens a site in a new tab. But mobile browsers see this as a popup and block the site from opening. How to get around this? Quote...
View ArticleTrajectory and envelope ruled by mathematical equations
Hello. I have to implement software that allows me to define a trajectory in 2d, made up of successive points. Around this trajectory, an envelope is drawn. This envelope is governed by juxtaposed...
View ArticlePixi.js with Tween.js
Hi, I'm relatively new to Pixi.js, TypeScript, and Tween.js. I have a simple example using the tween method, and it works fine. However, I have a couple of questions: import { Application, Container,...
View ArticleDrawing on multiple renderer textures to not get into the gpu texture limit /...
Hi, I am a newbie to PixiJs. I want to achieve an application which shows a map and which has a "fog of war" which will be removed manually by left click and mousemove. I managed to build this, but...
View ArticleMulti-texture AnimatedSprite
Hi! I am trying to create an AnimatedSprite that needs multiple texture atlases to run (to avoid exceeding the MAX_TEXTURE_SIZE problem on less powerful devices). It is the same problem detailed here....
View ArticleClik here to view.
BlurFilter applied incorrectly on overlapping spines
Hi! In a project I am using pixi 7.3.3 and pixi-spine 4.0.4. I'm trying to use PIXI.BlurFilter on multiple spine containers that are layered on top of each other. For some reason, this causes...
View ArticleBezier curve culling
In my Pixi application I'm rendering (among other things) a lot of graphics that draw bezier curves. I want to implement culling for these but it's a bit tricky because they're paths and not "well...
View ArticleClik here to view.
Spine object has no width and height (Pixi.js: 8.3.4 & Spine-Pixi-v8: 4.2.74)
Hello developers! I am making my own slot game, and tying to add spine animation but facing this problem last few days. My Spine animation has 0 width and 0 height. Spine files are imported, I can see...
View ArticleIE11 Error: Temporarily switching to software rendering
Hi Everyone! Does anyone know of a solution to this WebGL error on IE11? "WEBGL11257: WebGL content is taking too long to render on your GPU. Temporarily switching to software rendering." Should I be...
View ArticleClik here to view.
Rendering spine with pixi-spine
Hello, I'm new to pixijs and spine. I'm trying to render a spine animation version 4.0.17. I first look up spine-runtimes and I don't see spine-pixi for version 4.0.x, so I look for pixi-spine, but...
View ArticleGraphics / Polygon / containsPoint
Hello everyone! My question is about "containsPoint" in PIXI v8, I developed a drag'n'drop module for my game. I use graphics and containsPoint to map my mouse coordinates to a polygon, ellipse,...
View ArticleHelp understanding creating / rendering textures
Hi I am porting a game from C to JavaScript and usng pixiJS as the renderer. In the original C game there is a part in the code where a random number from 0 to 3 is generated, there is a texture that...
View Article