src/native_client_sdk/src/examples/api/graphics_3d/index.html

   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>