porting shadertoy to pixi (and a texture mystery)
Greetings! I've been porting this shadertoy shader to pixi js. It's compiling and running well. However, there seems to be a weird artifact in the rendered background and I'm guessing it's related to...
View ArticleClik here to view.
Unclear warning in console
Hello. I have warning in console, I don`t understand why and how to remove it. Could you please help me? I use "nuxt": "^2.15.7", "pixi.js": "^5.0.0", "gsap": "^3.7.1" My file.js as plugin in...
View ArticleHow to draw an arbitrary polygon with rounded corners
Hello community! I am currently using the drawPolygon function on PIXI.Graphics but would like it with rounded corners. I have seen the commonly shared drawRoundedPolygon but unfortunately it...
View Articledetect mouse even when hovering
Hello!so i want to detect when the mouse is over a sprite and continue executing some code until the mouse exits the area...with mouseover it executes the code once and thats sadly not enough for...
View ArticleClik here to view.
Multiple canvases being rendered in my Pixi app
I have a strange issue with my canvas elements. I had been developing a Pixi.js project in isolation, then decided to embed it in my React app. I have been able to place the Pixi project within a...
View ArticleClik here to view.
Textures from spritesheet include edges of other sprites
Hey, I am trying to use spritesheet in pixi but I encountered weird issue. Some edges of sprites contain pixels from near textures. Padding in spritesheet didn't help, lines of pixels from other...
View ArticlePIXI.application addEventListener
Can I give id to PIXI.application or what is the best practice to addEventListener to canvas? document.getElementByTagName('canvas')[0] sound a bit ugly solution.
View ArticleWhat does it take to learn Pixi?
Hello Devs, I would like to know, what do I need to learn to play with PixiJS? I want to create advanced games in 2d. I know Pixi is not a game engine and there are other frameworks like Phaser,...
View ArticlePixiJS6 and the memory question.
I wrote a demo in PixiJS 6.2.2. After I destroyed everything I know, Google Chrome Helper (Renderer)'s memory was still a few hundred megabytes in the activity monitor. Is there anything I haven't...
View ArticleUnable to preload spritesheets animation with PIXI.Prepare.
I'm working on a slot machine and I created some symbol animations in a spritesheet with texture packer. When the slot is spinning I need to instantiate the AnimatedSprite on the fly because only the...
View Articlepixi.stage.width and pixi.stage.height take a scaling factor at the...
Hi everyone, I am having some trouble figuring out what I am doing wrong and hope someone can help me out here. What I try to achieve: To resize a renderer and container according to the limits of an...
View ArticleClik here to view.
PixiJS: SpriteSheet Tutorial
I've just created a short tutorial for PixiJS that explains How to create & use sprite sheets with a few mouse clicks Use animations from sprite sheets (much easier than enumerating all sprites...
View ArticleClik here to view.
A weird rendering problem: text looks sharp but overly pixelated in...
Sorry for the title because I'm not 100% sure what causes this problem, but I believe it should have something to do with resolution (devicePixelRatio) and the logical size (or viewport size /...
View ArticleClik here to view.
[PixiJS6]Rendering question: The texture becomes blurry as it shrinks.
I usr pixijs@6.2.2 and Chrome. However, I found that the texture became very blurry when I zoomed out. The browser img tag, by contrast, is clear. I don't know if I didn't set something right. Can...
View ArticlePortrait and landscape design switch
So I'm trying to provide a portrait and landscape design for my game. Currently I'm able to resizing the canvas keeping 16:9 aspect ratio for landscape and 9:16 for portrait, everything works fine in...
View ArticleMaking worms-like game - terrain related questions
hey guys, my goal is to create worms-like game clone, and I'm trying to wrap my head around terrain related stuff. let's say I want the map that the game is taking place on to be 1000x1000 pixels, the...
View ArticleClik here to view.
Manipulating Events
I'd like to implement a snap-to-grid feature and would like for this to manipulate the coordinates of mouse events. My current implementation is like this: Interface: Interaction (has nothing to do...
View ArticleHow to get blendmode on object to only blend with background?
Hello, I am trying to set blendmode on a sprite so that it blends with the background, but it is also blending with other item sprites. How do i exclude sprites from being blended?
View ArticleA question regarding Assets.load
Hi everyone, I am a little confused about Assets.load and hope somebody can help me out. In the PixiJS Documentation, it says that Assets.load will never load something more than once. But when I use...
View ArticlePixiJS Particles reference
I recently put in a minor PR and got PixiJS Particle Emitter running with PixiJS v7. Reading the source (recommended) I got a much better understanding of particles and their behaviors. I started...
View Article