PixiJS qual é a melhor maneira para alterar um objecto de Gráficos de cores?

0

Pergunta

Eu estou tentando fazer um quadrado simples objeto de flash verde, azul e vermelho, em diferentes condições. Eu entendo que não há nenhuma maneira direta para alterar a cor de um objeto gráfico em PixiJS. Atualmente, eu criar três objetos Gráficos que são idênticos, exceto para as cores. Através da sobreposição desses objetos e ajustar a visibilidade, eu sou capaz de realizar o piscar de animação.

Eu queria saber se existe uma maneira melhor para "alterar" a cor em vez de fazer batota com a visibilidade.

Meu código:

let square_red = new PIXI.Graphics();
square.beginFill(red, opacity);
square.lineStyle(lineStyle);
square.drawRect(0, 0, width, height);
square.position.set(x, y);

let square_green = new PIXI.Graphics();
square.beginFill(green, opacity);
square.lineStyle(lineStyle);
square.drawRect(0, 0, width, height);
square.position.set(x, y);

let square_blue = new PIXI.Graphics();
square.beginFill(blue, opacity);
square.lineStyle(lineStyle);
square.drawRect(0, 0, width, height);
square.position.set(x, y);

square_red.visible = true;
square_green.visible = false;
square_blue.visible = false;
javascript pixi.js
2021-11-22 06:59:45
1

Melhor resposta

0

Você poderia criar um círculo branco e alterar a tonalidade dele.

const circle = new PIXI.Graphics();
circle.beginFill(0xffffff);
circle.drawCircle(0, 0, 100);
circle.endFill();

circle.tint = 0xff0000;
2021-11-23 14:38:42

Em outros idiomas

Esta página está em outros idiomas

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................