Pixi.js: Pixi 4 berkedip di browser Silk

Oke, jadi ada beberapa sakelar yang bisa Anda coba:

Pertama adalah "antialias". Saya tidak tahu mengapa, tetapi itu memaksa browser untuk berperilaku berbeda sebagai efek samping.

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

Kedua adalah melestarikanDrawingBuffer yang memakan kinerja tetapi mempengaruhi proses rendering secara serius. Gunakan dengan antialias.

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

Ketiga memanggil "renderer.gl.flush" setelah proses rendering selesai. Tidak terkait dengan peretasan antialias.

Sebut saja setelah "Render" jika Anda menggunakan penyaji sederhana

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

Baik meretas metode render aplikasi

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

Terima kasih, perubahan perserveDrawingBuffer memperbaikinya. Mencobanya tanpa flag antialias dan berhasil juga, jadi hanya punya satu.

Bagaimana dengan antialias tunggal? Jangan lupa ada peningkatan performa dengan melestarikanDrawingBuffer. Jangan aktifkan di perangkat/browser lain ;)

Antialias dengan sendirinya tidak memperbaiki masalah.

Ya, kami membatasinya hanya pada browser Silk. Ini adalah hit framerate yang signifikan.

Semoga berhasil! Tulis kami lebih banyak masalah!

Bagaimana dengan gl.flush() ? Saya hanya tidak memiliki perangkat itu dan saya berharap dapat mengetahui jawabannya jika ada orang lain yang bertanya kepada saya.

Saya telah memodifikasi kode saya, itu tidak benar

Hei,
Saya juga memperhatikan ini aktif dan nonaktif, di Chrome juga. Lucunya, menambahkan { transparent: true } ke penyaji memperbaikinya untuk saya.

{transparan: benar } juga memperbaiki masalah di browser Silk di Kindle Fire untuk saya, tanpa dampak kinerja dari melestarikanDrawingBuffer - bagus :)

"transparan" memiliki dampak kinerja tetapi kecil dibandingkan dengan melestarikanDrawingBuffer.

Terima kasih, @mafsays

Buka kembali #4639

Saya telah berbulan-bulan mencoba memecahkan masalah ini, itu ada di Chrome di Huawei, dan {transparan: benar} menyelesaikannya. Terima kasih banyak

Utas ini telah dikunci secara otomatis karena tidak ada aktivitas terbaru setelah ditutup. Silakan buka edisi baru untuk bug terkait.