Wish List

Steps to Reproduce:

1. open default main page in any mobile browser
2. wait for view to stabilise
3. tap on top right controls toggle
4. wait for controls panels to fully reveal
5. expand visualisation controls section
6. toggle on volume grid option

Observed Behaviour:

Grid disappears from the view completely.

Expected Behaviour:

Volume grid is rendered.

Root Cause:

WebGPU buffer overflow - fixed buffer size of 256KB was too small for mobile viewports (e.g., iPhone 12 Pro requires 322.5KB).

Solution:

Implemented dynamic buffer size calculation based on canvas dimensions with 50% safety padding.

Currently, there are no proper aside panels - at main page there are "About" and "Controls" panels which were added as kind of provisional elements so the content would not be that much confusing. This however does not comply with best practices. The goal is to improve UX and accessibility of the page by using semantic layout and standard behaviour (especially drawer on small screens). ---

Resolution:

• layout refactored with semantic HTML5 and basic ARIA
• all features fully controllable by keyboard
• on iOS, the body is scrollable - allowing asides to properly hide the bottom bar on scroll

At the moment, there is no header nor footer (as it the content was created kind of organically as a fun, without any real goal or plan). Navigation is limited to basic buttons and "About" panel at main (root) page contains mixed and kind of stupid content. The objective would be to make the page more standard and comprehensible, also the benefit of standard layout would be better accessibility.

Update shaders to reflect behaviour as described at https://en.wikipedia.org/wiki/Spaghettification