You can use Scene Viewer in desktop web browsers that support WebGL, a web technology standard for rendering 3D graphics. For best results, verify that your browser and computer hardware meet the Scene Viewer requirements.
WebGL (Web Graphics Library) is a JavaScript API for rendering interactive 2D and 3D graphics within any compatible web browser without the use of plug-ins. WebGL is fully integrated with other web standards, allowing GPU-accelerated usage of physics and image processing and effects as. Fix Google Earth displaying error 'Unfortunately your computer does not support WebGL graphics acceleration; Google Earth cannot be loaded. Please try anothe. Jul 23, 2018. Time has passed and Chrome got to version 54 so I thought I could add an update (and group some of the answers around here): First of all, make sure that hardware acceleration is enabled in the advanced settings (as Paul mentioned).; Check chrome://gpu to get an idea what the problem might be. Under Problems detected, you get quite some information that can point you in the right direction. TaccGL uses GPU acceleration and the HTML 5 canvas utility to animate elements of a Web page. Where the browser allows it, WebGL is used instead of the canvas element. It supports 2D and 3D animations, along with an extraordinary large options base for tweaking the animation transitions and timing.
Browser requirements
Scene Viewer supports the latest versions of the following browsers:
- Chrome
- Firefox
- Microsoft Edge
- Safari*
Note:
Internet Explorer 11 and Edge Legacy are no longer supported. Please use the latest versions of the browsers listed above.
The latest versions of the most common desktop browsers have built-in WebGL. To test whether your browser has WebGL enabled, open get.webgl.org. To troubleshoot WebGL-related issues, visit WebGL troubleshooting. Make sure you keep your browser up to date as WebGL is an evolving technology and each browser version brings improvements that Scene Viewer uses for optimal performance. To use Scene Viewer, your browser should have hardware acceleration enabled.
Tip:
- For best performance, it is recommended to use 64-bit browsers.
- Adjust the performance-quality settings in your browser to optimize performance or quality in your scene.
Additional WebGL requirements
In addition to basic WebGL support, Scene Viewer has the following requirements for WebGL:
- High precision fragment shaders
- Vertex shader samplers
- Uint vertex indices (OES_element_index_uint extension)
Webgl Graphics Acceleration In Chrome
You can verify your browser meets these requirements at www.webglreport.com.
Hardware requirements
For best performance, it is recommended that your browser have a minimum of 8 GB system memory and modern graphics hardware for 3D.
Minimum requirements are a high-performance graphics card with at least 512 MB of video memory. For the best performance, it is recommended that you have a graphics card with at least 1 GB of video memory, especially for working with larger or more memory-intensive 3D scenes. High-performance, stand-alone graphics cards typically have better performance than integrated graphics cards.
Mobile requirements
Scene Viewer offers mobile support for the following:
- iOSSafari on iPhone 8, iPhone XS, iPhone 11, iPad Pro*
- AndroidChrome on Samsung S9, Samsung S10, Samsung S20, Samsung Tab S3, Samsung Tab S4
*Water reflections of terrain and 3D objects aren't supported on iOS devices.
If you're using a mobile device other than those listed above, your device should have a minimum of 2 GB of RAM (4 GB recommended), a powerful multi-core processor and GPU, and the latest Android or iOS version installed.
Troubleshoot rendering problems
Scene Viewer requires optimal browser functionality to perform properly. You will see a message that states there is a problem loading Scene Viewer when Scene Viewer detects that rendering in your browser is compromised. The error message gives additional details as to the nature of the problem:
Additionally, Scene Viewer may open without an error message but the rendering quality is still compromised.
Your browser isn't using hardware acceleration for rendering
When Scene Viewer doesn't detect hardware acceleration in your browser, this message appears. Common reasons the hardware acceleration isn't enabled can be that your browser settings aren't configured properly or the browser has blocked your graphics card.
Configure hardware acceleration in your browser settings
Each browser has its own configuration options, and the hardware acceleration may be disabled. To enable hardware acceleration for rendering in your browser, see below.
For Chrome, do the following:
- In the browser menu, go to Settings > Advanced > System.
- Click the Use hardware acceleration when available toggle key.
- Click the Relaunch to restart your browser.
For Firefox, do the following:
- In the browser menu, go to Menu > Options > System.
- Click General.
- Under Performance, check the Use recommended performance settings check box.
- Restart your browser.
For Microsoft Edge, do the following:
- In the browser menu, go to Settings > System.
- Click the Use hardware acceleration when available toggle key.
- Click Restart to restart your browser.
Your browser has blocked your graphics card
Some browsers determine that a specific graphics card doesn't meet the requirements of the browser and block the graphics card. In this case, you still have the option to bypass the browser's decision to block your graphics card. Although this is not always recommended, it may resolve the issue in Scene Viewer.
For Chrome, do the following:
- Type chrome://flags in the address bar.
- Click Enable under Override software rendering list.
- Restart your browser.
For Firefox do the following:
- Type about:config in the address bar.
- Type webgl.force-enabled in the search bar.
- Set the value to true.
- Restart your browser.
Your browser doesn't seem to support WebGL
This message appears when Scene Viewer doesn't detect WebGL in your browser. A good way to confirm this is to go to get.webgl.org. You should see a spinning cube to confirm WebGL is available in your browser. Otherwise, the website indicates your browser doesn't support WebGL. If you don't see a spinning cube, you can try the following:
- Ensure WebGL is enabled through your browser settings.
- Ensure that your browser and hardware meet the Scene Viewer requirements..
Scene Viewer opens but the rendering quality is compromised
Sometimes Scene Viewer opens without an error message, but you still may experience a problem. Some examples are the following:
- All icons and labels are missing, but they display in another browser or device.
- Rendering artifacts (for example, atmosphere and shadows rendering in black, geometry rendering with dots).
- Major color problems exist in the scene (for example, all colors are inversed, all colors render green or black).
If you are experiencing any of the above issues, confirm the following:
- Your browser has hardware acceleration enabled.
- Your browser has WebGL enabled.
- Your browser and computer meet all the Scene Viewer requirements.
If you're still seeing an issue in Scene Viewer, try switching to another browser. Another option is to update your video driver. It is recommended that you go to the vendor's website to download the latest driver. Finally, if all the above suggestions haven't fixed the problem, report your problem in the GeoNet forums or contact Esri Technical Support for additional help.
A couple of months ago, I was working with on my Computer Science Master’s project. It required me to create a wireframe on the webpage. Well, I visited a couple of sites like ShaderToy, WebGL Earth, etc to understand how graphic rendering works. But I was greeted by a message saying “WebGL is disabled on your browser”. A couple of Google searches down and turns out WebGL is disabled by default on most of the browsers. So, here’s how you enable WebGL in your browser.
Webgl Graphics Acceleration
Read: How to Set Two Default Search Engines On Any Browser
What is WebGL? Why do you need it?
Before getting into enabling WebGL, let’s understand what WebGL is. Now, WebGL enables your browser to run 2-d and 3-d rendering natively without installing any additional plugin. It also enables the browser to use the hardware GPU to perform graphic calculations instead of your CPU. This means the graphic rendering would work better and most importantly it would work.
Foremost, your browser should support WebGL. An accurate way to check that is by simply visiting this website. If you get a message saying “Your browser supports WebGL”, then we can go ahead with turning it on.
So, if you design graphics on the web or write scripts to render graphics on your browser, it would give a significant boost to the performance. Additionally, it would kill the dependency on third-party plugins.
How to Enable WebGL In Your Browser
The method to enable WebGL depends on the browser you are working with. Below is the method to enable WebGL on Chromium-based browsers, Mozilla Firefox, and Safari.
1. Google Chrome
Since, Google Chrome is based on Chromium, this method will work on most of the Chromium-based browsers like Brave, Vivaldi, Opera, etc. Just make sure, you are running the latest version of Google Chrome there is. To find the Chrome version, click on the Menu icon in the upper right corner, click on Help, and then About Google Chrome.
Assuming you are running the latest version of Chrome, next, we need to allow Chrome to use our hardware GPU to perform graphic calculations. For that, head over to the Chrome Settings by typing “chrome://settings” in the address bar.
Webgl Hardware Acceleration
On the Settings page, scroll down to the bottom until you see a “Advanced” hyperlink. Tap on it to reveal the Advanced Google Chrome Settings.
Read: Brave vs. Vivaldi: Which Browser Is Better and Why
Once the advanced Chrome Settings is visible, navigate to the bottom of the page. You will see “Use Hardware Acceleration when available” under the System section. Click on the slider besides it to enable Hardware GPU acceleration. Post that, you will see a “Relaunch” button appear. Click on it for Google Chrome to relaunch and apply the settings. Make sure there is no download or unsaved document in the other chrome tabs.
After the Chrome relaunch, head over to the Chrome Flags to enable WebGL. Type “chrome://flags” on the address bar.
In the Chrome Flags menu, search for WebGL. You will see a flag called “WebGL 2.0 Compute”, click on the dropdown besides it and select Enabled. Post that, you will see a pop-up at the bottom asking to relaunch Google Chrome. Click on the “Relaunch Now” button to do that.
For Chrome Android and Chrome Mac, you should enable “WebGL Draft Extensions”.
2. Mozilla Firefox
If you use Mozillla Firefox, enabling webGl is quite straightforward and just a two-step process. Head over to the Preferences Menu by typing about:config in the address bar.
In the Preferences menu, type “webgl.force-enabled” on the search bar. The Preference value is set to “false” by default. Double-click on it to change the value to true. Restart Firefox for the changes to take effect.
3. Safari
Safari hides the options to enable WebGL under Developer Options & Experimental features. So, to enable WebGL on Mac we have to first enable Developer options. For that, open the Safari browser and click on Safari from the top menu bar. From the extended menu, click on “Preferences”.
Once the Preferences dialogue box opens, switch to the “Advanced” tab. At the bottom, check the option “Show Develop menu in menu bar”. This will enable the Developer or experimental features for Safari. You should see a “Develop” option on the top menu bar.
Click on the Develop menu, navigate to the “Experimental Features”. From the extended menu, click on WebGL 2.0 to enable it. Restart the browser and WebGL will be enabled in Safari.
Wrapping Up
Remember, most websites would still display graphic on the browser since the plugins are already added on the webserver. However, the graphics would be choppy and way more time-consuming. Even if you don’t deal with graphic development, I would recommend you turn WebGL on for better graphic experience on the web.
Alternative, if for privacy reasons, you want to disable WebGL, you can use toggle them off, using the above settings or use ScriptSafe extension to block WebGL fingerprinting.
Computer Graphics Webgl
For more issues or queries, let me know in the comments below.
Also Read: How to Block Websites on Chrome Browser on Android