1f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)<!DOCTYPE html>
2f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)<html>
3f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)<!--
4f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)Copyright (c) 2013 The Chromium Authors. All rights reserved.
5f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)Use of this source code is governed by a BSD-style license that can be
6f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)found in the LICENSE file.
7f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)-->
8f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)<head>
9f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)  <meta charset="UTF-8">
10f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)  <title>Rotating Cube</title>
11f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)  <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300,700">
12f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)  <link href="/static/styles/style.css" rel="stylesheet">
13f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)  <script type="text/javascript" src="example.js"></script>
14f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)</head>
15f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)<body class="demo">
16f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)
17f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)  <header>
18f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)    <h1>Rotating Cube</h1>
19f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)  </header>
20f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)
21f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)  <section>
22f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)    <div class="intro">
23f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)      <p>
24f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)        An example showing rendering via OpenGLES2 in a Native Client module.
25f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)      </p>
26f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)      <p class="note">
27f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)        Note: the C++ source code of this demo is available in the Native Client SDK (<tt>examples/api/graphics_3d</tt>).
28f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)      </p>
29f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)      <p class="note">
30f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)        FPS: <span id="fps">0</span>
31f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)      </p>
32f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)
33f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)      <div class="panel panel-info">
34f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)        <h2>Controls</h2>
35f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)        <div class="panel-body">
36f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)          <table id="config" cellspacing="0" cellpadding="0">
37f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)            <tbody>
38f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)              <tr>
39f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                <td class="name">X Angle:</td>
40f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                <td class="value">
41f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                  <input type="range" id="xAngle" min="0" max="360" step="1"
42f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                      value="0">
43f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                </td>
44f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)              </tr>
45f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)              <tr>
46f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                <td class="name">Y Angle:</td>
47f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                <td class="value">
48f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                  <input type="range" id="yAngle" min="0" max="360" step="1"
49f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                      value="0">
50f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                </td>
51f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)              </tr>
52f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)              <tr>
53f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                <td class="name">Animating:</td>
54f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                <td class="value">
55f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                  <label>
56f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                    off
57f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                    <input type="radio" id="animateOff" value="false">
58f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                  </label>
59f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                  <label>
60f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                    on
61f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                    <input type="radio" id="animateOn" value="true"
62f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                        checked="true">
63f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                  </label>
64f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)                </td>
65f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)              </tr>
66f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)            </tbody>
67f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)          </table>
68f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)        </div>
69f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)      </div>
70f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)    </div>
71f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)
72f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)    <div class="Demo-body">
73f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)      <div id="listener" class="Demo-content"></div>
74f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)    </div>
75f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)
76f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)    <div id="loading-cover">
77f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)      <div id="message">
78f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)        <div id="statusField"></div>
79f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)          <div id="progress" class="progress progress-striped active">
80f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)            <div id="progress-bar" class="progress-bar"  role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
81f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)            </div>
82f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)          </div>
83f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)        </div>
84f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)      </div>
85f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)    </div>
86f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)
87f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)  </section>
88f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)  </div>
89f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)</body>
90f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)</html>
91