webc | Webconverger 's curated chroot from which updates originate

I'm pretty sure the issue the texture your rendering to is 8bits. Switch it to a floating point texture (RGBA32F) You'll need to check for and enable EXT_color_buffer_float and OES_texture_float_linear

You say it won't work on mobile but you're using WebGL2 which hasn't shipped on iPhone yet (2021/1/3). As for RGBA32F not being renderable on mobile you could try RGBA16F. You'll have to check for and enable the corresponding extensions, EXT_color_buffer_half_float and OES_texture_half_float_linear. Your current code is not checking that the extensions actually exist (I'm assuming that was just to keep the code minimal)

The corruption is that your circle calculation draws alpha < 0 outside the circle but inside the quad. Before that was getting clipped to 0 because of the texture format but now with floating point textures it's not so it affects other circles.

Either discard if c <= 0 or clamp so it doesn't go below 0.

Note: you might find coloring faster and more flexible using a ramp texture. example, example2

Also note: It would have been nice if you'd created a more minimal repo. There's no need for the animation to show either issue

Something else to point out, maybe you already knew this, but, the circle calculation

JQuery will try and load the scripts included in the HTML files that you're requesting. Is there a reason why you're including them that way?

Remove all the external script tags and css files from the html partials, or use a different method to include the html partials.

Also, those partials don't need to have or tags, best case scenario they get ignored, worse case, they affect the way that the browser reads the document and creates unexpected behavior.

It is because your function executed before DOM fully loaded.

Write function in $(document).ready()

Have you looked at is.js? One of its features is mobile device detection. Example:

Your intuition was right, the script does it.

to unpack it, I just replaced return p by console.log(p) and ran it in a developper tool console of a blank page.

The part concerning location is this one:

You could use a list comprehension like so:

you shoud add attribute to your class as following

I don't see any namespace in your classes? Can you add how the classes map to the filesystem? There is a PHP-standard called PSR-4 which is commonly used. If this does not meet your requirements, composer offers a few alternative autoloading options that you can specify in your plugin's composer.json.

See: https://getcomposer.org/doc/04-schema.md#autoload

For example if your plugin only consists of this one AppHelper class that is kept in a file src/AppHelper.php and the abstract base class you could just add a classmap with those 2 files to your composer.json:

Do not use static methods in plugins. This is a bad approach - this is hard to refactor, hard to test and this is always hidden dependency.

Also try to use Request object to retrieve user agent.

The best way to do this helper is to make method non static and move $useragent as argument - this will make your helper more universal, you will be able to test it, and to use in cli environment.

Also you do not need if-else statement: just return preg_match(...);