Index: native_client_sdk/src/examples/api/graphics_3d/index.html |
diff --git a/native_client_sdk/src/examples/api/graphics_3d/index.html b/native_client_sdk/src/examples/api/graphics_3d/index.html |
index 665ce4e0c79484e465dc3156107d5c117aac6db0..a481cd5adcd9242172fe9ab12bc954e55f889371 100644 |
--- a/native_client_sdk/src/examples/api/graphics_3d/index.html |
+++ b/native_client_sdk/src/examples/api/graphics_3d/index.html |
@@ -10,12 +10,35 @@ found in the LICENSE file. |
<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 Hello World GLES 2.0 example demonstrates how to create a 3D cube |
- that rotates. It loads the assets using URLLoader.</p> |
+ <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> |