Блог

Мой Pixi.js «игра» рисуется нормально и работает очень хорошо, когда веб-страница (см. временную ссылку в разделе Комментариев) загружается с первого раза ИЛИ на новой странице просмотра Chrome / Incognito. Однако всегда при перезагрузке страницы на холсте (webgl) появляется ошибка рисования.

Эта проблема не появляется, если я оставляю параметр Chrome ОТКЛЮЧИТЬ КЭШ включенным в Chrome Developer Tools, поэтому он должен быть связан с кешем. Кэш Canvas необходимо очистить, чтобы холст снова отображался правильно.

Я должен предположить, что на клиенте остается некоторое кэшированное содержимое (webgl) между повторными посещениями / перезагрузкой страницы, которое вызывает эту ошибку рисования на холсте. Даже нажатие Shift reload приводит к повторному появлению ошибки повторного рисования.

О Pixi WebGL Canvas, я пытаюсь каждый раз создавать новый холст в качестве исправления, но, похоже, это не помогает, новый упоминается так, но Pixi всегда создает свой собственный холст

   r.app = new l.Application({
            backgroundColor: 16777215,
            height: 620,
            width: 1100, clearBeforeRender: true, view :  document.getElementById("canv"amp;location.search.split('v=')[1])
        })
    },
  

Я предпочитаю каким-то образом принудительно очищать кэш canvas, помогает ли это всегда использовать новое имя canvas или указывать некоторые параметры canvas?

Другим вариантом было бы вообще не использовать режим WebGL. Как я могу заставить PixiJS никогда не использовать WebGL?

Можете ли вы, пожалуйста, попробовать это сначала?

 <meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />
  

Если это не сработает, вот мой другой вопрос.

Вы запускали сервер на своем локальном сервере? Или же вы работали со статическими HTML-файлами? Если вы работаете с каким-либо сервером, вам нужно следовать приведенной ниже инструкции в соответствии с типом сервера.

• [ http://cristian.sulea.net/blog/disable-browser-caching-with-meta-html-tags / ]

ну, TextureCache создается каждый раз, когда вы вызываете новый PIXI.Texture.FromImage и проверяет, сохранен ли он (или базовая структура) в кэше, чтобы предотвратить повторную загрузку текстуры …. с вашего сервера, если он уже загружен.

Представьте, что вы создаете эффект дождя и готовите капли дождя в цикле for с i <= 200; Без кэша текстур это означало бы, что вам придется вызывать свой сервер 200 раз. кэш текстур создается из двух элементов.

TextureCache и baseTexture. (Под каждой кэшированной текстурой есть базовая текстура, если вы удалите TextureCache, вызвав .destroy() это удалит текстуру, но оставит базовую текстуру в вашей памяти. Практически это означает, что если у вас есть спрайт на сцене, и вы вызываете destroy() для текстуры. Спрайт, загруженный на сцену, все равно будет доступен для визуализации. Но после этого, если вы вызовете ту же (ранее удаленную текстуру), она повторно загрузит ее с сервера.

Использование метода destroy(true) для текстуры удаляет TextureCache и baseTexture. Практически, если вы будете использовать этот метод с аргументом true для текстуры, используемой спрайтом, который находится на вашей сцене, спрайт станет черным. Базовые текстуры широко используются в контексте WebGL для ускорения вычислений с использованием методов gl.

https://github.com/GoodBoyDigital/pixi.js/issues/949#issuecomment-54502749