mapbox / mapbox/webgl-wind

Artifacts, wrong display on Android and iOS

Open
#12 12 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug
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:
![screenshot_20180915-163132_chrome](https://user-images.githubusercontent.com/11404633/45587485-7a717b80-b906-11e8-8bcd-3d2156c18646.jpg)

iOS shows similiar wrong image...

On desktop browsers the wind flow looks as expected:
![good-desktop-chrome](https://user-images.githubusercontent.com/11404633/45587500-ca504280-b906-11e8-88dd-58f0d3bec94b.jpg)

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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.