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 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( +
+ {UNMASKED_RENDERER.value} +
WebGL {WEBGL_VERSION.value} +
+ ); + } + + // Perf monitor + output.push( + + ); + output.push(); + if (hasVR) { output.push(