index.html 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Babylonjs Presentation</title>
  5. <script>
  6. function writeViewPort() {
  7. var ua = navigator.userAgent;
  8. if (ua.indexOf("Android") >= 0 && ua.indexOf("AppleWebKit") >= 0) {
  9. var webkitVersion = parseFloat(ua.slice(ua.indexOf("AppleWebKit") + 12));
  10. // targets android browser, not chrome browser (http://jimbergman.net/webkit-version-in-android-version/)
  11. if (webkitVersion < 535) {
  12. document.write('<meta name="viewport" content="initial-scale=1" />');
  13. }
  14. }
  15. }
  16. writeViewPort();
  17. </script>
  18. <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  19. <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  20. <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  21. <link href="index.css" rel="stylesheet" />
  22. <script src="../../babylon.js"></script>
  23. <script src="../../hand.minified-1.2.js"></script>
  24. <script src="index.js"></script>
  25. </head>
  26. <body onload="onload();">
  27. <canvas id="renderCanvas"></canvas>
  28. <div id="fps"></div>
  29. <div id="footer">
  30. <div id="footerLeft">
  31. <img class="controlButton" alt="Preview" id="preview" src="Assets/left.png">
  32. </div>
  33. <div id="footerMiddle">
  34. <input id="slider" type="range" min="0" max="23" value="1" step="1" />
  35. </div>
  36. <div id="footerRight">
  37. <img class="controlButton" alt="Next" id="next" src="Assets/right.png">
  38. </div>
  39. </div>
  40. <div id="notSupported" class="hidden">
  41. Your browser does not support WebGL :(
  42. </div>
  43. <div id="loadingBack" class="loadingBack"></div>
  44. <div id="loadingText" class="loadingText"></div>
  45. </body>
  46. </html>