pixi | 2D game using PIXI js | Game Engine library

sorry for the amatuer question, I'm really new to Pixi.js

Well, I'm trying to make a scratch card.

There will be two image, one for background("A"), and one for hidden background( "B" , I think this is mask, but I'm not sure about this terminology , so to avoid confusion I'll describe as hidden background)

So, image 'A' will cover up image 'B'.

Then, I'will use bristle image for the brush.

When I execute dragging event on Image "A" , I want to show up image 'B" along path mouse moved.

Sorry , for my terrible description. Think I'm cloning this website ( https://art4globalgoals.com/en )

I followed this example( https://pixijs.io/examples/#/demos-advanced/scratchcard.js ), and succeed to make a brush effect, with only 1 image. But couldn't implement it with two image.

Precisely speaking , when I run my app, there is black screen rendered , and if I scratch screen, the hidden Image appears. but the problem is that, I want to set other Image instead of black screen.

below image is my current status , which will happen when running below code

I am trying to do something very simple with PIXI and Typescript. I decided to switch to using texture packer from loading individual png files and ran into this issue. The issue is when trying to access the texture that is loaded through the spritesheet json file I get a promise error. The code is very simple and I have tried various ways of doing this with no luck. This example is the simplest and uses the example from CodeAndWeb (Texture packer devs site) but in an attempt to translate it to typescript and separated the functionality a bit. Any advice is highly appreciated. Thanks.

Code Sandbox here: https://codesandbox.io/s/empty-hooks-9g8j6?file=/src/index.ts

how can i render a canvas inside mithril ?

here is my typescript code :

I want to display a 700 by 700 grid. Pixi.js crashes on rendering it. The same code works for 100 by 100 grid.

State changes affect other React-Pixi Stage props, such as height or width. But, when I attempt to change the Stack options.backgroundColor, the backgroundColor does not change on state change.

Here's my code:

I keep getting this error when using the Next-Urql and React-Pixi. I understand that this is because React-Pixi requires WEB APIs.

Server Error

ReferenceError: self is not defined This error happened while generating the page. Any console logs will be displayed in the terminal window.

This is my code:

So, I'm swapping my project from node.js to python FastAPI (for my convinience, I'm more acknowledged with python). Everything has been working fine with node, but here it says that my static files are not present, so here's basic code:

As the title states, when using Pixi.js in SvelteKit, ONLY and ONLY while building the application, it will spit out a "self is not defined" error, and it traces back to the @pixi/settings module. I have tried every possible way that I know to fix this. First I used a shim to give it some dummy information, but that didn't work:

Im using PIXI.js for create snow animation, but cant understand how to change speed of particular, or all animation speed?

codepen.io/venegrad/pen/RwLQmWR

I need to reduce speed on 3 or 4