Skip to content

[Bug] Incorrect mesh rendering on mobile devices #126

@brenocq

Description

@brenocq

Describe the bug
Meshes are not rendered correctly when viewing Atta web builds on mobile devices. The issue is observed in the cube-factory tutorial project, which renders correctly on desktop browsers but shows visual glitches on mobile.

Steps to Reproduce

  1. Build the cube-factory tutorial project for the web.
  2. Access the link using a desktop browser (e.g., Chrome, Firefox) -> Observe correct rendering.
  3. Access the published project web build using a mobile browser on a mobile device (e.g., Chrome on Pixel 6a).
  4. Observe the incorrect mesh rendering (see screenshot).

Expected behavior
The meshes in the web build should render correctly on mobile devices and appear the same as they do on desktop browsers.

Actual behavior
Meshes appear distorted or incorrectly rendered when viewed on a mobile device (Pixel 6a).

Screenshots/Logs
Screenshot showing the rendering issue on Pixel 6a:

Mobile Rendering Issue

Environment (please complete the following information):

  • Working: Desktop (Google Chrome 134.0.6998.117 + Arch Linux 6.14.1-arch1-1)
  • Not Working: Mobile (Pixel 6a, Google Chrome)
  • Atta Version: v0.3.7

Tasks

  • Investigate potential WebGL compatibility issues on mobile browsers (e.g., using webglreport.com on the device).
  • Analyze shaders used in the cube-script example for potential precision issues (e.g., use of mediump vs highp).
  • Test with different mobile devices/browsers to narrow down the scope.
  • Attempt to simplify the scene/shader to isolate the cause of the rendering error.
  • Review Emscripten build settings related to WebGL versions or precision.

Metadata

Metadata

Assignees

Labels

module:graphicsGraphics Moduleprio:lowLow prioritystatus:todoTask identified but not startedtype:fixSomething needs to be fixed

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions