Pixi.js: Pixi 4 piscando no navegador Silk

Ok, então existem algumas opções que você pode tentar:

O primeiro é "antialias". Não sei por que, mas isso força os navegadores a se comportarem de maneira diferente como um efeito colateral.

var app = new PIXI.Application(800, 600, {backgroundColor : 0x1099bb , antialias: true });

Em segundo lugar, está o preserveDrawingBuffer, que consome o desempenho, mas afeta seriamente o processo de renderização. Use com anti-serrilhamento.

var app = new PIXI.Application(800, 600, {backgroundColor : 0x1099bb , antialias: true, preserveDrawingBuffer: true });

O terceiro é chamar "renderer.gl.flush" logo após o término do processo de renderização. Não relacionado ao hack antialias.

Chame-o depois de "Render" se você usar um renderizador simples

renderer.render(stage);
renderer.gl.flush();

Hackear o método de renderização do aplicativo

app = new Application(...,. { autoStart: false }) ;
app.render = function() {
    this.renderer.render(this.stage);
    this.renderer.gl.flush();
}
app.start();

Obrigado, a alteração perserveDrawingBuffer corrigiu isso. Tentei sem a bandeira antialias e funcionou assim também, então só tenho uma.

Que tal anti-serrilhamento único? Não se esqueça que há um impacto no desempenho com preserveDrawingBuffer. Não habilite em outros dispositivos / navegadores;)

Antialias por si só não resolveu o problema.

Sim, nós o limitamos apenas ao navegador Silk. É um impacto significativo na taxa de quadros.

Boa sorte! Escreva-nos mais questões!

E quanto a gl.flush ()? Simplesmente não tenho esse dispositivo e espero saber a resposta se alguém me perguntar.

Eu modifiquei meu código, ele não estava correto

Ei,
Eu também tenho notado isso ligado e desligado, no Chrome também. Curiosamente, adicionar {transparent: true} ao renderizador corrige isso para mim.

{transparent: true} também corrige o problema no navegador Silk no Kindle Fire para mim, sem o impacto no desempenho de preserveDrawingBuffer - bom:)

"transparente" tem um impacto no desempenho, mas é pequeno em comparação com preserveDrawingBuffer.

Obrigado, @mafsays

Reabrir # 4639

Estou há meses tentando resolver esse problema, era no Chrome na Huawei, e {transparent: true} resolveu. Muito obrigado

Este tópico foi bloqueado automaticamente, pois não houve nenhuma atividade recente depois que ele foi fechado. Abra um novo problema para bugs relacionados.