Coder Social home page Coder Social logo

cesiumgs / webglreport Goto Github PK

View Code? Open in Web Editor NEW
385.0 39.0 100.0 217 KB

A web page that reports a browser's WebGL capabilities, including supported extensions and implementation specific capabilities, such as the maximum number of texture units.

Home Page: https://webglreport.com

License: Apache License 2.0

CSS 7.69% JavaScript 51.58% HTML 40.73%
webgl

webglreport's Introduction

webglreport's People

Contributors

cx20 avatar emackey avatar kring avatar kristiancalhoun avatar mramato avatar pjcozzi avatar rillian avatar shunter avatar tiborshub avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

webglreport's Issues

webglreport.com is down

I can't seem to load https://webglreport.com/ anymore, looks like as of 3 days ago there were some updates at the domain registrar and the site refuses connection on https, and shows a parked domain placeholder on http.

WebGL Report

Hello,

Is anyone able to update Major Performance Caveat to NO on my WebGL Report for my computer?

Thanks,
Natalie H

IPv6 support

The website is inaccessible over IPv6.

This can be fixed by using a CNAME record, as described here, instead of an apex domain.

ANGLE check no longer works on Firefox

While testing out the new Firefox 64 bit edition on Windows, I noticed that ANGLE is being reported as No even though ANGLE is definitely being used. Line width is still 1, so I'm not sure what changed about our check that is causing this to no longer be reported correctly.

Please prepare for ANGLE support of Microsoft Edge

The following is the display result of WebGL Report on Microsoft Edge of Windows 10 Insider Preview 17093.
image

I noticed that ANGLE is supported in the item of Unmasked Renderer. However, the judgment of ANGLE is No.
I think that it is good to do ANGLE detection with the Unmasked Renderer.

Enhance info about draw buffers extension

I added a pull request which adds the maximum count of draw buffers to the name of the extension in the report page. I think the information is good to have.
The representation is may be not the best way to do this, let me know if you think it should be done differently.

Microsoft Edge is ANGLE?

Microsoft Edge is not use ANGLE. However, ANGLE check is Yes!

I think it is better to add the following code.

    function getAngle(gl) {
        var lineWidthRange = describeRange(gl.getParameter(gl.ALIASED_LINE_WIDTH_RANGE));

        // Heuristic: ANGLE is only on Windows, not in IE, and does not implement line width greater than one.
        var angle = ((navigator.platform === 'Win32') || (navigator.platform === 'Win64')) &&
            (gl.getParameter(gl.RENDERER) !== 'Internet Explorer') &&
            (gl.getParameter(gl.RENDERER) !== 'Microsoft Edge') && // Add
            (lineWidthRange === describeRange([1,1]));

The reason is because the renderer has been changed from "Internet Explorer" to "Microsoft Edge" at Windows 10 Insider Preview Build 14352.

image

Display unmasked vendor and renderer

I added a pull request which displays the unmasked vendor and renderer if the extension WEBGL_debug_renderer_info is available.
Please check.

Detect software rendering...

I know that @kring put in checks for SwiftShader in the 2012 Cesium Santa application; it would be nice to do the same for the WebGL report. I believe it's something like detecting if Max Vertex Uniform Vectors is 254 (if I recall correctly). This is no different than our ANGLE check (which I believe involves looking for max line width > 1.

Detect D3D9 or D3D11

Although not critical, in addition to knowing if the implementation is ANGLE, it would be nice to know if it is the D3D9 or D3D11 backend.

[Feature request] WebGPU Report

I think WebGPU is the successor API of WebGL and WebGL2. WebGL Report is a useful site to check if WebGL can be used. Similarly, it would be useful to be able to display whether WebGPU can be used.

image

Erroneously reports some browsers as supporting WebGL2

Some browsers (Safari) you can enable WebGL2 but in reality they haven't actually implemented WebGL2. AFAICT all Safari has done is (a) respond to getContext('webgl2') and (b) allow GLSL ES 3.0 shaders. All other functionality over WebGL1 does not work. Running the webgl2 conformance tests around 80% of them fail.

What do you think about trying to detect that situation? At the moment a simple test is to test if some of the parameters returned are at least the required minimum values. Safari for example returns both less than minimums and various INVALID_ENUMs for things they haven't yet supported.

Remove old webglstats CDN tracker from WebGL Report

This is related to WebGL2 implementation and not really specific to webglreport.com. Chrome on Android reports WebGL2-enabled, yet it only renders stuff after reloading the page. On first visit, this is shown:
webgl2

After page reload, the complete table with the pipeline graphics is shown correctly.

Reduce border on mobile/high-DPI devices

On my phone and Nexus 7, WebGL displays (in portrait mode) as a single panel as shown in the below screenshot. It wouldn't be so bad except the border is way to thick. Rotating the device so that you're in landscape works, but it would be nice to just have less border. This is pretty minor, but I figured I'd mention it.

image

WebGL detection not accurate

Hi,

Stumbled across this online while researching WebGL compatibility.

I am unable to view WebGL content in Chrome but your detection reports that my browser supports WebGL.

For example, in Chrome, on https://get.webgl.org/ the box does not spin but I get the 'Your browser supports WebGL' message. Similarly, Youtube 360 degree videos do not work either; both work in FF and Edge.

To get the WebGL content to work I can enable Chrome setting: Override software rendering list - Overrides the built-in software rendering list and enables GPU acceleration on unsupported system configurations. #ignore-gpu-blacklist

I am working on the assumption that although Chrome supports WebGL, my GPU is blacklisted.

Any insights into detecting this? Ideally I'd like to be able to detect this so I can degrade content gracefully for my web users who don't actually have WebGL support.

Show valid framebuffer attachment combinations

GL does not guarantee that all combinations of framebuffer attachments are supported. For example, without ANGLE on Windows XP, a stencil or depth/stencil renderbuffer cannot be attached to a framebuffer.

We should select a handful of common attachment combinations and report if they are supported, e.g.,

  • Texture RGBA, Renderbuffer DEPTH_COMPONENT16
  • Texture RGBA, Renderbuffer STENCIL_INDEX8
  • Texture RGB, Renderbuffer DEPTH_COMPONENT16
  • Texture RGB, Renderbuffer STENCIL_INDEX8

For more information, search for "CheckFramebufferStatus" or "FRAMEBUFFER_UNSUPPORTED" in the GL ES spec: www.khronos.org/registry/gles/specs/2.0/es_full_spec_2.0.25.pdf.

Section 6.5 in the WebGL spec may also be interesting: www.khronos.org/registry/webgl/specs/latest/

Page not visible in Chrome

Google Chrome 19.0.1084.36 beta-m
I'm not sure if this is a real issue or not; the page is not visible but I can use the Developer's Tools to inspect the invisible page elements. Page also hangs when switching to another tab.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.