logo
Get Started

Solutions to WebGL common issues

When viewing or editing design files in Motiff, it's essential to ensure that your browser's WebGL is installed and enabled. If editor lag or file opening issues occur due to disabled WebGL, you can follow these steps to check and set:

Step 1: Check the availability of graphics acceleration

  1. 1.

    Open the Chrome browser, enter chrome://settings in the browser’s navigation bar.

  2. 2.

    Click the System tab in the left panel.

  3. 3.

    Verify the Use graphics acceleration when available option is enabled. If this option is not enabled, you need to manually enable it and restart the browser.

    'step 1.png'

Step 2: Check if the Canvas has hardware acceleration enabled

  1. 1.

    In Chrome browser, enter chrome://gpu in the browser’s navigation bar.

  2. 2.

    Check under Graphics Feature Status whether the Canvas status is Hardware accelerated.

    a. When displayed as Hardware accelerated, it means the current canvas already supports hardware acceleration. At this time, you can try to open the Motiff file again and check if there are abnormal lags when operating in the canvas.

    'step 2.png'

    b. If displayed as Software only, hardware acceleration unavailable, it means the current canvas does not support hardware acceleration. The possible reason is that your device's graphics card or graphics card driver is on the Chromium hardware rendering blacklist. You can try to solve this by upgrading the graphics card driver.

Step 3: Ignore the GPU blacklist

If hardware acceleration still cannot be enabled after updating the graphics card driver, and severe lag occurs when operating in Motiff, you can try to forcefully enable hardware acceleration in the following way.

Note: In Motiff, we do not recommend you to forcefully ignore the GPU blacklist, as this may cause other GPU rendering issues, such as screen flickering, rendering anomalies, etc. If rendering anomalies occur, please reset all changes made by this operation.

  1. 1.In Chrome browser, enter chrome://flags in the browser’s navigation bar.
  2. 2.Navigate to the Override software rendering list option near the top of the list. Set this option to Enabled.
  3. 3.You can also search for settings related to WebGL and update them to Enabled.
  4. 4.Restart the browser. You can repeat the checking process described in Step Two to ensure Canvas is Hardware accelerated.