Hugging Face's logo

Spaces:
awacke1
/
GPU-Memory-Detector-Aframe
Running

App Files Community
awacke1 commited on
Commit
6f237f4
•
1 Parent(s): 70371f2

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +40 -16
index.html CHANGED
@@ -1,19 +1,43 @@
1
  <!DOCTYPE html>
2
  <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
  <!DOCTYPE html>
2
  <html>
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <title>GPU Detector</title>
6
+ <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
7
+ <script src="https://rawgit.com/mrdoob/three.js/dev/examples/js/libs/stats.min.js"></script>
8
+ <style>
9
+ #stats { position: absolute; top: 0; left: 0; }
10
+ </style>
11
+ </head>
12
+ <body>
13
+ <a-scene>
14
+ <a-assets>
15
+ <img id="skyTexture" src="https://cdn.aframe.io/a-painter/images/sky.jpg">
16
+ </a-assets>
17
+ <a-sky src="#skyTexture"></a-sky>
18
+ <a-entity position="0 1.8 4">
19
+ <a-camera></a-camera>
20
+ </a-entity>
21
+ </a-scene>
22
+ <div id="stats"></div>
23
+ <script>
24
+ var stats = new Stats();
25
+ stats.showPanel(0);
26
+ document.getElementById('stats').appendChild(stats.dom);
27
+ var renderer = document.querySelector('a-scene').renderer;
28
+ var rendererStats = new THREEx.RendererStats();
29
+ rendererStats.domElement.style.position = 'absolute';
30
+ rendererStats.domElement.style.left = '0px';
31
+ rendererStats.domElement.style.bottom = '0px';
32
+ document.body.appendChild(rendererStats.domElement);
33
+ function animate() {
34
+ stats.begin();
35
+ rendererStats.update(renderer);
36
+ stats.end();
37
+ requestAnimationFrame(animate);
38
+ }
39
+ requestAnimationFrame(animate);
40
+ console.log(rendererStats);
41
+ </script>
42
+ </body>
43
  </html>