Home | History | Annotate | Download | only in graphics_3d
      1 <!DOCTYPE html>
      2 <html>
      3 <!--
      4 Copyright (c) 2012 The Chromium Authors. All rights reserved.
      5 Use of this source code is governed by a BSD-style license that can be
      6 found in the LICENSE file.
      7 -->
      8 <head>
      9   <meta http-equiv="Pragma" content="no-cache">
     10   <meta http-equiv="Expires" content="-1">
     11   <title>{{title}}</title>
     12   <script type="text/javascript" src="common.js"></script>
     13   <script type="text/javascript" src="example.js"></script>
     14   <style>
     15     .label { display: inline-block; width: 100px; }
     16   </style>
     17 </head>
     18 <body data-width="640" data-height="480" {{attrs}}>
     19   <h1>{{title}}</h1>
     20   <h2>Status: <code id="statusField">NO-STATUS</code></h2>
     21   <p>The Graphics3D example demonstrates how to create a 3D cube that
     22       rotates.</p>
     23   <div>
     24     <span class="label">X Angle</span>
     25     <input type="range" id="xAngle" min="0" max="360" step="1" value="0">
     26   </div>
     27   <div>
     28     <span class="label">Y Angle</span>
     29     <input type="range" id="yAngle" min="0" max="360" step="1" value="0">
     30   </div>
     31   <div>
     32     <span class="label">Animating</span>
     33     <label>
     34       off
     35       <input type="radio" id="animateOff" value="false">
     36     </label>
     37     <label>
     38       on
     39       <input type="radio" id="animateOn" value="true" checked="true">
     40     </label>
     41   </div>
     42   <!-- The NaCl plugin will be embedded inside the element with id "listener".
     43       See common.js.-->
     44   <div id="listener"></div>
     45 </body>
     46 </html>
     47