Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(172)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: native_client_sdk/src/gonacl_appengine/static/pnacl-demo/index.html

Issue 22503002: [NaCl SDK] Earth demo modifications for gonacl PNaCl. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: merge master Created 7 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « native_client_sdk/src/gonacl_appengine/static/pnacl-demo/example.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <!-- 3 <!--
4 Copyright (c) 2013 The Chromium Authors. All rights reserved. 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 5 Use of this source code is governed by a BSD-style license that can be
6 found in the LICENSE file. 6 found in the LICENSE file.
7 --> 7 -->
8 <head> 8 <head>
9 <meta http-equiv="Pragma" content="no-cache"> 9 <meta http-equiv="Pragma" content="no-cache">
10 <meta http-equiv="Expires" content="-1"> 10 <meta http-equiv="Expires" content="-1">
11 <meta charset="UTF-8"> 11 <meta charset="UTF-8">
12 <title>Multi-Threaded Earth Demo</title> 12 <title>Multi-Threaded Raycasted Earth</title>
13 <script type="text/javascript" src="example.js"></script> 13 <script type="text/javascript" src="example.js"></script>
14 <style>
15 body {
16 font-family: "Helvetica Neue", Arial, sans-serif;
17 }
18 .absolute-fill-parent {
19 position: relative;
20 }
21 .absolute-fill {
22 bottom: 0;
23 left: 0;
24 position: absolute;
25 right: 0;
26 top: 0;
27 }
28 .flex-container {
29 display: flex;
30 }
31 .main {
32 background-color: #000;
33 flex: 1;
34 position: relative;
35 }
36 .flex-column {
37 flex-direction: column;
38 justify-content: center;
39 }
40 #message {
41 text-align: center;
42 width: 100%;
43 }
44 #statusField {
45 display: none;
46 color: #fff;
47 font-size: 34px;
48 text-align: center;
49 width: 100%;
50 }
51 #progress {
52 display: none;
eliben 2013/08/07 19:46:47 With this display: none, the progress bar is not w
binji 2013/08/07 21:23:40 Strange, I just tried it and I saw the progress ba
53 margin: auto;
54 width: 300px;
55 }
56 #nacl_module {
57 height: 100%;
58 width: 100%;
59 }
60 .sidebar {
61 padding: 0 8px;
62 overflow-y: auto;
63 width: 350px;
64 }
65 #config {
66 width: 100%;
67 }
68 #config .name {
69 font-weight: bold;
70 padding-right: 8px;
71 text-align: right;
72 white-space: nowrap;
73 width: 1px;
74 }
75 #threadCount, #lightRange, #zoomRange {
76 width: 100%;
77 }
78 .small {
79 font-size: 12px;
80 }
81 </style>
14 </head> 82 </head>
15 <body data-name="earth" data-width="480" data-height="480"> 83 <body data-name="earth" data-width="480" data-height="480">
16 <h1>Multi-Threaded Earth Demo</h1> 84 <div class="absolute-fill flex-container">
17 <div id="progress_div"> 85 <div class="main absolute-fill-parent">
18 Load progress: <progress id="progress"></progress> 86 <div class="absolute-fill flex-container flex-column">
19 </div> 87 <div id="message">
20 <div id="statusField"></div> 88 <div id="statusField"></div>
21 <br/> 89 <progress id="progress"></progress>
22 <div id="config-demo"> 90 </div>
23 <br/> 91 </div>
24 Zoom: 92 <div id="listener" class="absolute-fill"></div>
25 <input type="range" id="zoomRange" 93 </div>
26 min="1.0" max="50.0" step="0.5" value="14.0" /> 94 <div class="sidebar">
27 Light: 95 <h1>Multi-Threaded Raycasted Earth</h1>
28 <input type="range" id="lightRange" 96 <table id="config">
29 min="0.2" max="2.0" step=".01" value="1.0" /> 97 <tbody>
30 <br/> 98 <tr>
31 Number of worker threads (0 means rendering is done in the main thread): 99 <td class="name">Thread Count:</td>
32 <br/> 100 <td class="value">
33 <input type="radio" name="threadCount" id="radio0" value="0" 101 <select id="threadCount">
34 checked="checked"> 102 <option value="0">Main Thread only</option>
35 <label for="radio0">0</label> 103 <option value="1">1 Thread</option>
36 <input type="radio" name="threadCount" id="radio1" value="1"> 104 <option value="2">2 Threads</option>
eliben 2013/08/07 19:46:47 Please set selected="selected" here, on 2 threads
binji 2013/08/07 21:23:40 OK, though I'm not certain this will work without
37 <label for="radio1">1</label> 105 <option value="4">4 Threads</option>
38 <input type="radio" name="threadCount" id="radio2" value="2"> 106 <option value="6">6 Threads</option>
39 <label for="radio2">2</label> 107 <option value="8">8 Threads</option>
40 <input type="radio" name="threadCount" id="radio3" value="4"> 108 <option value="12">12 Threads</option>
41 <label for="radio3">4</label> 109 <option value="24">24 Threads</option>
42 <input type="radio" name="threadCount" id="radio4" value="6"> 110 <option value="32">32 Threads</option>
43 <label for="radio4">6</label> 111 </select>
44 <input type="radio" name="threadCount" id="radio5" value="8"> 112 </td>
45 <label for="radio5">8</label> 113 </tr>
46 <input type="radio" name="threadCount" id="radio6" value="12"> 114 <tr>
47 <label for="radio6">12</label> 115 <td class="name">Zoom:</td>
48 <input type="radio" name="threadCount" id="radio7" value="16"> 116 <td class="value">
49 <label for="radio7">16</label> 117 <input type="range" id="zoomRange"
50 <input type="radio" name="threadCount" id="radio8" value="24"> 118 min="1.0" max="50.0" step="0.5" value="14.0">
51 <label for="radio8">24</label> 119 </td>
52 <input type="radio" name="threadCount" id="radio9" value="32"> 120 </tr>
53 <label for="radio9">32</label> 121 <tr>
54 <br/><br/> 122 <td class="name">Light:</td>
55 <label id="result" name="result"> </label> 123 <td class="value">
56 </div> 124 <input type="range" id="lightRange"
57 <div id="listener"></div> 125 min="0.2" max="2.0" step=".01" value="1.0">
58 <br/> 126 </td>
59 <div id="auxnotes"> 127 </tr>
60 Note: the C++ source code of this demo is available in the Native 128 </tbody>
61 Client SDK (<tt>examples/demo/earth</tt>). 129 </table>
62 <br/><br/> 130 <p class="small">
63 Image Credit: 131 Note: the C++ source code of this demo is available in the Native
64 <br/> 132 Client SDK (<tt>examples/demo/earth</tt>).
65 NASA Goddard Space Flight Center Image by Reto Stöckli (land surface, 133 </p>
66 shallow water, clouds). Enhancements by Robert Simmon (ocean color, 134 <p class="small">
67 compositing, 3D globes, animation). 135 Image Credit:
68 <br/> 136 <br/>
69 Data and technical support: MODIS Land Group; MODIS Science Data, 137 NASA Goddard Space Flight Center Image by Reto Stöckli (land
70 Support Team; MODIS Atmosphere Group; MODIS Ocean Group Additional data: 138 surface, shallow water, clouds). Enhancements by Robert Simmon
71 USGS EROS Data Center (topography); USGS Terrestrial Remote Sensing 139 (ocean color, compositing, 3D globes, animation).
72 Flagstaff Field Center (Antarctica); Defense Meteorological 140 <br/>
73 Satellite Program (city lights). 141 Data and technical support: MODIS Land Group; MODIS Science Data,
142 Support Team; MODIS Atmosphere Group; MODIS Ocean Group Additional
143 data: USGS EROS Data Center (topography); USGS Terrestrial Remote
144 Sensing Flagstaff Field Center (Antarctica); Defense Meteorological
145 Satellite Program (city lights).
146 </p>
147 </div>
74 </div> 148 </div>
75 </body> 149 </body>
76 </html> 150 </html>
OLDNEW
« no previous file with comments | « native_client_sdk/src/gonacl_appengine/static/pnacl-demo/example.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698