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