Home Explore Help
Sign In
javascript
/
three.js
mirror of https://github.com/tazdij/three.js.git
2
0
Fork 0
Files Issues 0 Wiki
Browse Source

added titles and stats.

Jono Brandel 13 years ago
parent
c8ae6a3de6
commit
a9fd484eab
2 changed files with 30 additions and 2 deletions
Unified View Show Diff Stats
  1. 15 1
      examples/canvas_geometry_shapes_2d.html
  2. 15 1
      examples/webgl_geometry_shapes_2d.html

+ 15 - 1
examples/canvas_geometry_shapes_2d.html
View File 

@@ -10,16 +10,28 @@
 
         margin: 0;
 
         margin: 0;
 
         padding: 0;
 
         padding: 0;
 
       }
 
       }
 
+      body {
 
+        overflow: hidden;
 
+        color: #808080;
 
+        font-family: Monospace;
 
+        font-size: 13px;
 
+      }
 
       #debug {
 
       #debug {
 
         display: block;
 
         display: block;
 
         position: relative;
 
         position: relative;
 
         margin: 50px auto;
 
         margin: 50px auto;
 
-        border: 1px solid #ccc;
 
+      }
 
+      #info {
 
+        position: absolute;
 
+        top: 0px; width: 100%;
 
+        padding: 5px;
 
+        text-align: center;
 
       }
 
       }
 
     </style>
 
     </style>
 
   </head>
 
   </head>
 
 
 
   <body>
 
   <body>
 
+    <div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> webgl - 2d geometry in 3d space</div>
 
     <canvas id="debug" width="800" height="600"></canvas>
 
     <canvas id="debug" width="800" height="600"></canvas>
 
 
 
     <script src="../build/three.min.js"></script>
 
     <script src="../build/three.min.js"></script>
 
@@ -31,6 +43,8 @@
 
       var height = 600;
 
       var height = 600;
 
 
 
       var stats = new Stats();
 
       var stats = new Stats();
 
+      stats.domElement.style.position = 'absolute';
 
+      stats.domElement.style.top = '0px';
 
       document.body.appendChild( stats.domElement );
 
       document.body.appendChild( stats.domElement );
 
 
 
       var renderer = new THREE.CanvasRenderer({
 
       var renderer = new THREE.CanvasRenderer({

+ 15 - 1
examples/webgl_geometry_shapes_2d.html
View File 

@@ -10,16 +10,28 @@
 
         margin: 0;
 
         margin: 0;
 
         padding: 0;
 
         padding: 0;
 
       }
 
       }
 
+      body {
 
+        overflow: hidden;
 
+        color: #808080;
 
+        font-family: Monospace;
 
+        font-size: 13px;
 
+      }
 
       #debug {
 
       #debug {
 
         display: block;
 
         display: block;
 
         position: relative;
 
         position: relative;
 
         margin: 50px auto;
 
         margin: 50px auto;
 
-        border: 1px solid #ccc;
 
+      }
 
+      #info {
 
+        position: absolute;
 
+        top: 0px; width: 100%;
 
+        padding: 5px;
 
+        text-align: center;
 
       }
 
       }
 
     </style>
 
     </style>
 
   </head>
 
   </head>
 
 
 
   <body>
 
   <body>
 
+    <div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> webgl - 2d geometry in 3d space</div>
 
     <canvas id="debug" width="800" height="600"></canvas>
 
     <canvas id="debug" width="800" height="600"></canvas>
 
 
 
     <script src="../build/three.min.js"></script>
 
     <script src="../build/three.min.js"></script>
 
@@ -31,6 +43,8 @@
 
       var height = 600;
 
       var height = 600;
 
 
 
       var stats = new Stats();
 
       var stats = new Stats();
 
+      stats.domElement.style.position = 'absolute';
 
+      stats.domElement.style.top = '0px';
 
       document.body.appendChild( stats.domElement );
 
       document.body.appendChild( stats.domElement );
 
 
 
       var renderer = new THREE.WebGLRenderer({
 
       var renderer = new THREE.WebGLRenderer({