index.html revision 5d1f7b1de12d16ceb2c938c56701a3e8bfa558f7
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) 11f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <title>Bullet Physics</title> 12f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 13f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300,700"> 14f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <link href="/static/styles/style.css" rel="stylesheet"> 15f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 16f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 17f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <script type="text/javascript" src="NaClAM.js"></script> 18f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <script type="text/javascript" src="NaClAMBullet.js"></script> 195d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) <script type="text/javascript" src="//storage.googleapis.com/gonacl/pnacl-demo-bullet/three.min.js"></script> 20f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <script type="text/javascript" src="scene.js"></script> 21f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <script type="text/javascript" src="world.js"></script> 22f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <script type="text/javascript" src="scenes.js"></script> 23f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 24f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </head> 25f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 26f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <body class="demo"> 27f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 28f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <header> 29f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <h1>Bullet Physics</h1> 30f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 31f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </header> 32f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 33f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <section> 34f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <div class="intro"> 35f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <p> 36f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) An example of the <a href="http://bulletphysics.org/" 37f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) target="_blank">Bullet Physics SDK</a> ported to Native Client, 38f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) using WebGL for rendering. 39f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </p> 40f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <p class="note"> 41f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) Example courtesy <a href="http://www.johnmccutchan.com" 42f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) target="_blank">John McCutchan</a>. Read his <a 43f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) href="http://www.johnmccutchan.com/2012/10/bullet-native-client-acceleration-module.html" 44f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) target="_blank">description</a> of the demo or browse the <a 45f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) href="https://github.com/johnmccutchan/NaClAMBase" 46f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) target="_blank">source</a>. 47f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <br> 48f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </p> 49f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <p class="note"> 50f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) Simulation Time: <span id="simulationTime">0</span>μs 51f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <br> 52f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) FPS: <span id="fps">0</span> 53f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </p> 54f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 55f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <div class="panel panel-info"> 56f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 57f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <h2>Controls</h2> 58f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 59f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <div class="panel-body"> 60f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <ul> 61f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <li><b>Click and drag</b> an object to move it</li> 62f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <li><b>Click and drag</b> elsewhere to rotate the camera</li> 63f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <li>Use the <b>mousewheel</b> to zoom in/out</li> 64f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </ul> 65f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </div> 66f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 67f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <h2>Add Objects</h2> 68f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 69f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <div class="panel-body"> 70f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <button type="button" id="jenga10">Block Tower (10 blocks)</button> 71f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <button type="button" id="jenga20">Block Tower (20 blocks)</button> 72f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <button type="button" id="randomCube250">Random Cubes (250)</button> 73f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <button type="button" id="randomCube1000">Random Cubes (1000)</button> 74f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <button type="button" id="randomCube2000">Random Cubes (2000)</button> 75f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <button type="button" id="randomCylinder500">Random Cylinders (500)</button> 76f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <button type="button" id="randomShapes">Random Shapes</button> 77f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <button type="button" id="reload">Reload Scene</button> 78f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </div> 79f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </div> 80f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </div> 81f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 82f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <div class="Demo-body"> 83f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 84f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <div id="listener" class="Demo-content"> 85f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <div id="rendererContainer"></div> 86f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </div> 87f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </div> 88f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 89f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <div id="loading-cover"> 90f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <div id="message"> 91f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <div id="statusField"></div> 92f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <div id="progress" class="progress progress-striped active"> 93f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <div id="progress-bar" class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%"> 94f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </div> 95f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </div> 96f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </div> 97f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </div> 98f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </section> 99f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 100f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <script type="text/javascript" src="main.js"></script> 101f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)</body> 102f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)</html> 103