diff --git a/Sources/controls/Informations/Informations.mcss b/Sources/controls/Informations/Informations.mcss
index 1a8f340d..6b2c8d5e 100644
--- a/Sources/controls/Informations/Informations.mcss
+++ b/Sources/controls/Informations/Informations.mcss
@@ -67,3 +67,10 @@
justify-content: space-around;
padding: 10px 5px 20px 5px;
}
+
+.textContent {
+ position: relative;
+ top: -5px;
+ padding: 10px 0;
+ text-align: center;
+}
diff --git a/Sources/controls/Informations/index.js b/Sources/controls/Informations/index.js
index bb9f59a4..06f74ff2 100644
--- a/Sources/controls/Informations/index.js
+++ b/Sources/controls/Informations/index.js
@@ -12,15 +12,38 @@ import style from './Informations.mcss';
const hasVR = !!navigator.getVRDisplays;
export default function Informations(props) {
- const output = [
- ,
-
];
const source = props.proxyManager.getActiveSource();
+ const view = props.proxyManager.getActiveView();
const dataset = source ? source.getDataset() : null;
+ // GPU data
+ if (view) {
+ const rw = view.getOpenglRenderWindow();
+ const allInfo = rw.getGLInformations();
+ const { UNMASKED_RENDERER, UNMASKED_VENDOR, WEBGL_VERSION } = allInfo;
+
+ output.push(
+
+ );
+ output.push(
+