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.

56 lines
2.4 KiB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="keywords" content="DnD, dangeon and dragons, roleplay, dice, roller, 3D, RPG, wargame"/>
<meta name="description" content="Online 3D dice roller"/>
<title>teal 3d dice roller</title>
<style type="text/css">@import "../main.css";</style>
<style type="text/css">@import "dice.css";</style>
<body class="svg" style="margin: 0">
<div class="control_panel">
<h6><img src="../favicon.ico" style="vertical-align: middle"></img> <a href="..">teal</a> dice</h6>
<p id="loading_text">Loading libraries, please wait a bit...</p>
<p id="info_text"><a href="http://www.teall.info/2014/01/online-3d-dice-roller.html">More info and help</a></p>
<p id="info_text"><a href="/mdice">Multiplayer version</a></p>
<div id="info_div" style="display: none">
<div class="center_field">
<span id="label"></span>
<div class="center_field">
<div class="bottom_field">
<span id="labelhelp">click to continue or tap and drag again</span>
<div id="selector_div" style="display: none">
<div class="center_field">
<div id="sethelp">
choose your dice set by clicking the dices or by direct input of notation,<br/>
tap and drag on free space of screen or hit throw button to roll
<div class="center_field">
<input type="text" id="set" value=""></input><br/>
<button id="clear">clear</button>
<button style="margin-left: 0.6em" id="throw">throw</button>
<div id="canvas"></div>
<script src="../libs/three.min.js"></script>
<script src="../libs/cannon.min.js"></script>
<script type="text/javascript" src="../teal.js"></script>
<script type="text/javascript" src="dice.js"></script>
<script type="text/javascript" src="main.js"></script>
<script type="text/javascript" defer="defer">
diceInitialize(document.body, window.innerWidth - 1, window.innerHeight - 1);