4 Copyright (c) 2014 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.
11 <title>Bullet Physics</title>
13 <script type="text/javascript" src="NaClAM.js"></script>
14 <script type="text/javascript" src="NaClAMBullet.js"></script>
15 <script type="text/javascript" src="//storage.googleapis.com/gonacl/pnacl-demo-bullet/three.min.js"></script>
16 <script type="text/javascript" src="scene.js"></script>
17 <script type="text/javascript" src="world.js"></script>
18 <script type="text/javascript" src="scenes.js"></script>
22 box-sizing: border-box;
23 -webkit-font-smoothing:antialiased;
29 font-family: 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
39 background-color: #fff;
40 border: 1px solid #ccc;
42 box-shadow: 0 1px 1px rgba(0,0,0,0.3);
68 letter-spacing: -0.05em;
88 #controls-header-button {
98 width: calc(100% - 20px);
107 transition: background-color 0.2s ease-out;
122 background-color: rgba(255, 255, 255, 0.8);
128 height: calc(1em + 80px); /* not perfect, but pretty close. */
142 letter-spacing: -0.06em;
150 box-shadow: 0 3px 8px rgba(0,0,0,0.3);
157 transition: width 0.1s ease-out;
167 <h1 class="bottom-line">Bullet Physics<br>in Portable Native Client</h1>
170 <div class="controls bottom-line">
171 <div id="controls-header">Scenes
172 <span id="controls-header-button">+</span>
174 <div id="controls-buttons" style="display: none">
175 <div><button type="button" id="jenga10">Block Tower (10 blocks)</button></div>
176 <div><button type="button" id="jenga20">Block Tower (20 blocks)</button></div>
177 <div><button type="button" id="randomCube250">Random Cubes (250)</button></div>
178 <div><button type="button" id="randomCube1000">Random Cubes (1000)</button></div>
179 <div><button type="button" id="randomCube2000">Random Cubes (2000)</button></div>
180 <div><button type="button" id="randomCylinder500">Random Cylinders (500)</button></div>
181 <div><button type="button" id="randomShapes">Random Shapes</button></div>
182 <div><button type="button" id="reload">Reload Scene</button></div>
187 Curious about Native Client?<br>
188 Get Started <a href="https://developers.google.com/native_client/dev">here</a>.
191 <div class="small" style="display: none">
192 Simulation Time: <span id="simulationTime">0</span>μs
194 FPS: <span id="fps">0</span>
199 <div id="rendererContainer"></div>
202 <div id="loading-cover">
204 <div id="statusField"></div>
205 <div id="progress" class="progress progress-striped active">
206 <div id="progress-bar" class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
213 <script type="text/javascript" src="main.js"></script>