| <!DOCTYPE html> |
| <html> |
| <!-- |
| Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| Use of this source code is governed by a BSD-style license that can be |
| found in the LICENSE file. |
| --> |
| <head> |
| <meta http-equiv="Pragma" content="no-cache"> |
| <meta http-equiv="Expires" content="-1"> |
| <title>{{title}}</title> |
| <script type="text/javascript" src="common.js"></script> |
| <script type="text/javascript" src="example.js"></script> |
| <style> |
| .label { display: inline-block; width: 100px; } |
| </style> |
| </head> |
| <body data-width="640" data-height="480" {{attrs}}> |
| <h1>{{title}}</h1> |
| <h2>Status: <code id="statusField">NO-STATUS</code></h2> |
| <p>The Graphics3D example demonstrates how to create a 3D cube that |
| rotates.</p> |
| <div> |
| <span class="label">X Angle</span> |
| <input type="range" id="xAngle" min="0" max="360" step="1" value="0"> |
| </div> |
| <div> |
| <span class="label">Y Angle</span> |
| <input type="range" id="yAngle" min="0" max="360" step="1" value="0"> |
| </div> |
| <div> |
| <span class="label">Animating</span> |
| <label> |
| off |
| <input type="radio" id="animateOff" value="false"> |
| </label> |
| <label> |
| on |
| <input type="radio" id="animateOn" value="true" checked="true"> |
| </label> |
| </div> |
| <!-- The NaCl plugin will be embedded inside the element with id "listener". |
| See common.js.--> |
| <div id="listener"></div> |
| </body> |
| </html> |