Я новичок в webgl и pixi.js. Я сделал этот шейдер WebGL с помощью pixi.js: Fiddle .
Он работает, но:
Он потребляет много Ресурсы
Если я увеличу ширину и высоту приложения, например с 256 до 512, оно завершится с ошибкой «потерянный контекст WebGL».
Я не уверен, что я использую лучший способ создать шейдер с pixi.js. Я использую PIXI.Filter для этого. Мне сказали, что можно создать шейдер с PIXI.Mesh. Это лучший способ?
В противном случае, что я могу сделать, чтобы улучшить производительность этого шейдера? Он состоит из 250 торов, объединение которых выполняется с использованием техники отслеживания сфер. Это то, что вызывает плохую производительность?