3D die roller
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

57 lines
2.4KB

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5. <meta name="keywords" content="DnD, dangeon and dragons, roleplay, dice, roller, 3D, RPG, wargame"/>
  6. <meta name="description" content="Online 3D dice roller"/>
  7. <title>teal 3d dice roller</title>
  8. <style type="text/css">@import "../main.css";</style>
  9. <style type="text/css">@import "dice.css";</style>
  10. </head>
  11. <body class="svg" style="margin: 0">
  12. <div class="control_panel">
  13. <h6><img src="../favicon.ico" style="vertical-align: middle"></img> <a href="..">teal</a> dice</h6>
  14. <p id="loading_text">Loading libraries, please wait a bit...</p>
  15. <p id="info_text"><a href="http://www.teall.info/2014/01/online-3d-dice-roller.html">More info and help</a></p>
  16. <p id="info_text"><a href="/mdice">Multiplayer version</a></p>
  17. </div>
  18. <div id="info_div" style="display: none">
  19. <div class="center_field">
  20. <span id="label"></span>
  21. </div>
  22. <div class="center_field">
  23. <div class="bottom_field">
  24. <span id="labelhelp">click to continue or tap and drag again</span>
  25. </div>
  26. </div>
  27. </div>
  28. <div id="selector_div" style="display: none">
  29. <div class="center_field">
  30. <div id="sethelp">
  31. choose your dice set by clicking the dices or by direct input of notation,<br/>
  32. tap and drag on free space of screen or hit throw button to roll
  33. </div>
  34. </div>
  35. <div class="center_field">
  36. <input type="text" id="set" value=""></input><br/>
  37. <button id="clear">clear</button>
  38. <button style="margin-left: 0.6em" id="throw">throw</button>
  39. </div>
  40. </div>
  41. <div id="canvas"></div>
  42. <script src="../libs/three.min.js"></script>
  43. <script src="../libs/cannon.min.js"></script>
  44. <script type="text/javascript" src="../teal.js"></script>
  45. <script type="text/javascript" src="dice.js"></script>
  46. <script type="text/javascript" src="main.js"></script>
  47. <script type="text/javascript" defer="defer">
  48. diceInitialize(document.body, window.innerWidth - 1, window.innerHeight - 1);
  49. </script>
  50. </body>
  51. </html>