Artifacts, wrong display on Android and iOS
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 1.1k
- Forks
- 230
- PR merge metrics
- No merged PRs in 30d
Description
First, thanks for your great work!
It works perfect on desktop but when I tried the demo in Chrome Android (also Safari on iOS, or Firefox on Android) the visualization is broken, with strange artifacts, particles are certainly moving differently and unrealistically then with the same wind image data on desktop. See screenshot from Android:

iOS shows similiar wrong image...
On desktop browsers the wind flow looks as expected:

Screenshots come directly from https://mapbox.github.io/webgl-wind/demo/ (default setting) but I also tried the version from https://github.com/mapbox/webgl-wind/tree/mercator and it seems to have the same problems
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the issue in the demo at https://mapbox.github.io/webgl-wind/demo/ using Chrome on Android, Safari on iOS, or Firefox on Android, then compare it with desktop rendering and the mercator branch. Inspect the repository entry points involved in the demo and particle visualization, and use the supplied screenshots as the visual reference. Done means the default wind visualization renders without mobile artifacts and behaves consistently with desktop.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- computer-graphics, mobile-dev, web-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100