Go Board and eraser for lines

[anton.proskurin]

Hello!

I'm creating board for playing Go Game using PIXI. I'm noob in PIXI.

So, i have problem to place a label on board and erase part of board's lines under label. Like this:

I spent several days, try solve this problem. What is the best solution? addHole? mask? I tested it, but dont understad how it works completely.

Here a simple code of Go Board: https://jsfiddle.net/AntonProskurin/gov3L1xm/1/

Please, help me to solve this problem.

Можно по-русски.

[ivan.popelyshev]

Put that part in renderTexture or in filter (its like you are making a layer).

Inside, itts either special blendMode that exists in v5 that can be ported to v4 via method described in link in gotchas in pixi.js github wiki: 

 

With this blendmode you can erase stuff with circles, and since its all inside renderTexture/filter . actual background wont be erased.

It requires understanding of renderTexture example or filters examples, like how to apply AlphaFilter on screen. 

If you have experience with Flash - that'll help :)

[ivan.popelyshev]

Put that part in renderTexture or in filter (its like you are making a layer).

Inside, itts either special blendMode that exists in v5 that can be ported to v4 via method described in link in gotchas in pixi.js github wiki: 

 

With this blendmode you can erase stuff with circles, and since its all inside renderTexture/filter . actual background wont be erased.

It requires understanding of renderTexture example or filters examples, like how to apply AlphaFilter to make lighting.

Of course there are countless other ways to do this, I just dont know what else to describe.

[anton.proskurin]

Thank you, Ivan!

Now it looks very difficult for this easy problem, but i will try to understand.

[ivan.popelyshev]

There are easier ways like "bake part of texture into the number" or "save crosshairs and draw only ones that needed" but you asked for something like masks, and I gave the answer

IF you have experience with canvas2d composition modes that can help too. Concepts are the same but more difficult to reproduce because some blending modes we added only in pixi-v5.

 

[ivan.popelyshev]

 

Вообще есть https://t.me/gamedevforweb где не пошлют и помогут  Обычно.

 

[anton.proskurin]

Ivan, thank you again!

I send to you a private messege with other quations.

Ух ты, есть русскоязычный канал в телеграме. Это хорошо. Еще раз спасибо.