Why doesn't my Construct 3 WebGL effect render on mobile?

Mobile WebGL contexts have lower precision and texture limits. Some effects exceed mobile capabilities. Reduce complexity or detect platform and opt out via System → Is mobile.

Layer Render Cells with effects can run out of texture memory on mobile. Disable Render Cells, or use simpler effects like Tint instead of full shader.

Browser.IsMobile expression. Use System → Compare two values: Browser.IsMobile = 1 to gate effect application.

Fix: Construct 3 WebGL Effect Not Rendering On Mobile

Quick answer: Detect via Browser.IsMobile. Disable heavy effects on mobile, or substitute simpler ones (Tint, Color Replace).

Bloom effect renders fine on desktop. Mobile shows nothing or breaks. WebGL precision/limits exceeded.

The Fix

Event:
  System: On start of layout
    Browser: Compare Browser.IsMobile = 1
      True → Layer "Effects": Disable Effect "Bloom"
              Layer "Effects": Set effect "Tint" param 0 to 0.3
      False → (keep Bloom)

Conditional effects let mobile use cheap stand-ins. Browser.IsMobile is reliable detector.

Verifying

Mobile preview: Bloom skipped, Tint applied. Desktop: Bloom intact.

“Detect mobile. Substitute or disable.”

Related Issues

For tilemap collision, see tilemap. For loader layout, see loader.

Detect mobile. Lower-cost effect.