Clik here to view.
Erasing a picture
HI! I'm only learning PIXI, help is needed. How to implement a similar effect (erasing a picture), as an example https://grnch-net.github.io/. I have two pictures, on each other, I want to gradually...
View ArticleShaders for PIXI.Filter
Hello guys, I am a frontend developer that trynna make my own game on Pixi 8 so I know nothing about game developing and rendering with WebGL in general. Now I have a static game demo with no...
View Articlepixijs v7 shader
createFogEffect() { const fragmentShader = ` precision mediump float; uniform float time; void main(void) { float fogIntensity = clamp(0.5 + time, 0.0, 1.0); gl_FragColor = vec4(fogIntensity,...
View ArticleClik here to view.
Animating texture along PIXI.Mesh.rope
Hey guys, I'm wondering if there is a way to animate the offset position of a texture when applied to a PIXI.Mesh.rope. My goal is to have the texture "flow" in one direction. The texture in question...
View ArticleMask for the spine animation
May i ask the reasion the spine animation disappeared when the mask is added, if i remove the mask, all looks good
View ArticleIs a distance based approach better than a Barycentric based approach to...
I'm trying to apply a fragment shader to a Mesh within pixi.js. The calculation of the geometry of the shape is correct and the application of a shader to change the color of the entire shape works...
View ArticleClik here to view.
I'm trying to use spine in pixi.js project but it comes with unexpected problem
Hello I'm new here and have one question to ask, trying to use Spine for my small pixi.js application. So the main problem here in my project is that, whenever I'm trying to initialize spine in some...
View ArticleClik here to view.
Detect when browser use software rendering to display WebGL content
Hi I'm newbie with Pixi.js but already love it . Maybe it will sounds strange but some modern browsers on old machines tries to render a WebGL content with CPU instead of using the GPU acceleration...
View Articletexture 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 Article