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 11 <title>Multi-Threaded Raycasted Earth</title> 12 13 <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300,700"> 14 <link href="/static/styles/style.css" rel="stylesheet"> 15 16 <script type="text/javascript" src="example.js"></script> 17 18 </head> 19 20 <body class="demo"> 21 22 <header> 23 <h1>Multi-Threaded Raycasted Earth</h1> 24 25 </header> 26 27 <section> 28 <div class="intro"> 29 <p> 30 An example of using multiple threads to render the globe through ray-tracing. 31 </p> 32 <p class="note"> 33 Note: the C++ source code of this demo is available in the Native Client SDK (<tt>examples/demo/earth</tt>). 34 </p> 35 <p class="note"> 36 FPS: <span id="fps">0</span> 37 </p> 38 39 <div class="panel panel-info"> 40 41 <h2>Controls</h2> 42 43 <div class="panel-body"> 44 <table id="config" cellspacing="0" cellpadding="0"> 45 <tbody> 46 <tr> 47 <td class="name">Thread Count:</td> 48 <td class="value"> 49 50 <select id="threadCount"> 51 <option value="0">Main Thread only</option> 52 <option value="1">1 Thread</option> 53 <option value="2" selected="selected">2 Threads</option> 54 <option value="4">4 Threads</option> 55 <option value="6">6 Threads</option> 56 <option value="8">8 Threads</option> 57 <option value="12">12 Threads</option> 58 <option value="24">24 Threads</option> 59 <option value="32">32 Threads</option> 60 </select> 61 </td> 62 </tr> 63 <tr> 64 <td class="name">Zoom:</td> 65 <td class="value"> 66 <input type="range" id="zoomRange" 67 min="1.0" max="50.0" step="0.5" value="14.0"> 68 </td> 69 </tr> 70 <tr> 71 <td class="name">Light:</td> 72 <td class="value"> 73 <input type="range" id="lightRange" 74 min="0.2" max="2.0" step=".01" value="1.0"> 75 </td> 76 </tr> 77 </tbody> 78 </table> 79 </div> 80 </div> 81 82 <p class="credit"> 83 <b>Image Credit:</b> 84 NASA Goddard Space Flight Center Image by Reto Stöckli (land 85 surface, shallow water, clouds). Enhancements by Robert Simmon 86 (ocean color, compositing, 3D globes, animation). 87 <br/> 88 <b>Data and technical support:</b> MODIS Land Group; MODIS Science Data, 89 Support Team; MODIS Atmosphere Group; MODIS Ocean Group Additional 90 data: USGS EROS Data Center (topography); USGS Terrestrial Remote 91 Sensing Flagstaff Field Center (Antarctica); Defense Meteorological 92 Satellite Program (city lights). 93 </p> 94 </div> 95 96 <div class="Demo-body"> 97 98 <div id="listener" class="Demo-content"></div> 99 </div> 100 101 <div id="loading-cover"> 102 <div id="message"> 103 <div id="statusField"></div> 104 <div id="progress" class="progress progress-striped active"> 105 <div id="progress-bar" class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%"> 106 </div> 107 </div> 108 </div> 109 </div> 110 </section> 111 112</body> 113</html> 114