src/native_client_sdk/src/gonacl_appengine/static/pnacl-demo-earth/index.html

   1 <!DOCTYPE html>
   2 <html>
   3 <!--
   4 Copyright (c) 2013 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 charset="UTF-8">
  10   <title>Multi-Threaded Raycasted Earth</title>
  11   <script type="text/javascript" src="example.js"></script>
  12   <link href="/static/common.css" rel="stylesheet" type="text/css">
  13 </head>
  14 <body>
  15   <div class="absolute-fill">
  16     <div class="flex-container">
  17       <div class="main absolute-fill-parent">
  18         <div class="absolute-fill">
  19           <div class="flex-container flex-column flex-justify-center">
  20             <div id="message">
  21               <div id="statusField"></div>
  22               <progress id="progress"></progress>
  23             </div>
  24           </div>
  25         </div>
  26         <div id="listener" class="absolute-fill"></div>
  27       </div>
  28       <div class="sidebar">
  29         <h1>Multi-Threaded Raycasted Earth</h1>
  30         <table id="config">
  31           <tbody>
  32             <tr>
  33               <td class="name">Thread Count:</td>
  34               <td class="value">
  35                 <select id="threadCount">
  36                   <option value="0">Main Thread only</option>
  37                   <option value="1">1 Thread</option>
  38                   <option value="2" selected="selected">2 Threads</option>
  39                   <option value="4">4 Threads</option>
  40                   <option value="6">6 Threads</option>
  41                   <option value="8">8 Threads</option>
  42                   <option value="12">12 Threads</option>
  43                   <option value="24">24 Threads</option>
  44                   <option value="32">32 Threads</option>
  45                 </select>
  46               </td>
  47             </tr>
  48             <tr>
  49               <td class="name">Zoom:</td>
  50               <td class="value">
  51                 <input type="range" id="zoomRange"
  52                     min="1.0" max="50.0" step="0.5" value="14.0">
  53               </td>
  54             </tr>
  55             <tr>
  56               <td class="name">Light:</td>
  57               <td class="value">
  58                 <input type="range" id="lightRange"
  59                     min="0.2" max="2.0" step=".01" value="1.0">
  60               </td>
  61             </tr>
  62           </tbody>
  63         </table>
  64         <p class="small">
  65           Note: the C++ source code of this demo is available in the Native
  66           Client SDK (<tt>examples/demo/earth</tt>).
  67         </p>
  68         <p class="small">
  69           Image Credit:
  70           <br/>
  71           NASA Goddard Space Flight Center Image by Reto Stöckli (land
  72           surface, shallow water, clouds). Enhancements by Robert Simmon
  73           (ocean color, compositing, 3D globes, animation).
  74           <br/>
  75           Data and technical support: MODIS Land Group; MODIS Science Data,
  76           Support Team; MODIS Atmosphere Group; MODIS Ocean Group Additional
  77           data: USGS EROS Data Center (topography); USGS Terrestrial Remote
  78           Sensing Flagstaff Field Center (Antarctica); Defense Meteorological
  79           Satellite Program (city lights).
  80         </p>
  81       </div>
  82     </div>
  83   </div>
  84 </body>
  85 </html>