So, I looked into PixiJS and GPU.js for implementing the Indicators with WebGL.
GPU.js turned out to be unmaintained and didn't even install on my machine, probably due to using an outdated node-gyp version that uses python2, which is dead.
This branch contains the current state of my approach for Implementation with PixiJS.
The PR is only for discussion, not for merging (It doesn't have the resizing in it anyways.)
I left the old indicators in so that you can switch to that for comparing performance.
There are still some calculations in JS, for example Math.min/max, as I didn't find a way implementing this with PixiJS vector arithmetics.
Positions of elements are not yet exact, as I was focusing on the logical part.
The whole thing wasn't trivial and I'm not yet sure how exactly PixiJS converts to plain WebGL and which JS parts, for example the samples array can be implemented completely in JS.
The metrics don't show a significant increase of PPS on my machine when using PixiJS
So, I looked into PixiJS and GPU.js for implementing the Indicators with WebGL.
GPU.js turned out to be unmaintained and didn't even install on my machine, probably due to using an outdated node-gyp version that uses python2, which is dead.
This branch contains the current state of my approach for Implementation with PixiJS. The PR is only for discussion, not for merging (It doesn't have the resizing in it anyways.)
I left the old indicators in so that you can switch to that for comparing performance.
samplesarray can be implemented completely in JS.