https://github.com/amilajack/webgl-specs
Detect the graphics specs of a device using web APIs
https://github.com/amilajack/webgl-specs
hardware specs webgl
Last synced: 6 months ago
JSON representation
Detect the graphics specs of a device using web APIs
- Host: GitHub
- URL: https://github.com/amilajack/webgl-specs
- Owner: amilajack
- Created: 2018-05-23T03:54:54.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-10-03T19:53:01.000Z (about 7 years ago)
- Last Synced: 2025-03-13T23:46:42.085Z (7 months ago)
- Topics: hardware, specs, webgl
- Language: JavaScript
- Homepage:
- Size: 102 KB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
webgl-specs
===========
Detect the graphics specs of a device using web APIs
## Install
```bash
# Yarn
yarn add webgl-specs
# NPM
npm install webgl-specs
```
## Why?
This is useful when you want to render lower quality graphics for low powered devices
## Usage
If you have a module loader (webpack or rollup)
```js
import WebglSpecs from 'webgl-specs';
const report = WebglSpecs();
report.unMaskedRenderer // "Intel Iris OpenGL Engine"
report.unMaskedVendor // "Intel Inc."
report.glVersion // "WebGL 1.0 (OpenGL ES 2.0 Chromium)"
```
If you're not:
```html
import WebglSpecs from 'https://unpkg.com/webgl-specs@latest/index.js';
const report = WebglSpecs();
report.unMaskedRenderer // "Intel Iris OpenGL Engine"
report.unMaskedVendor // "Intel Inc."
report.glVersion // "WebGL 1.0 (OpenGL ES 2.0 Chromium)"
```
## Testing
```bash
yarn start
```
## Prior Art
* [webglreport](https://github.com/AnalyticalGraphicsInc/webglreport)