Dice Roller

I made a dice roller I thought you all might like. Bill helped me trick it out with a blur image and sound. Bill has given me some more efficient code for the die roller. See below for three sets of dice rolled and the code for each set.<br /><br />This is a small set of dice patterned after the original boxed set:<br /><br /><script>var blusm=new Array(10), redsm=new Array(10)
var redsmX=new Image(); redsmX.src="/files/u21/red.jpg"
var blusmX=new Image(); blusmX.src="/files/u21/blu.jpg"
var redblursm=new Image(); redblursm.src="/files/u21/redblur.jpg"
var blublursm=new Image(); blublursm.src="/files/u21/blublur.jpg"
for (o=1; !(o>10); o++){
blusm[o]=new Image(); blusm[o].src="/files/u21/blu"+(o-1)+".jpg"
redsm[o]=new Image(); redsm[o].src="/files/u21/red"+(o-1)+".jpg"
}
function cleardicesm(){drawdiesm('tensm',blusmX);drawdiesm('onesm',redsmX)}
function rollsm(numdicesm){
cleardicesm()
drawdiesm('onesm',redblursm)
if (numdicesm==2) drawdiesm('tensm',blublursm)
document.soundsm.Play()
setTimeout('resultssm('+numdicesm+')',750)
}
function resultssm(numdicesm){
drawdiesm('onesm',redsm[Math.round(Math.random()*9+1)])
if (numdicesm==2) drawdiesm('tensm',blusm[Math.round(Math.random()*9+1)])
}
function drawdiesm(whichdiesm,whichsrcsm){document.images[whichdiesm].src=whichsrcsm.src}
</script>

<form style="cursor: pointer">
<embed src="/files/u21/DieRoll.wav" autostart="false" name="soundsm" enablejavascript="true" height="0" width="0"></embed>
<img src="/files/u21/blu.jpg" onclick="rollsm(2)" name="tensm" />
<img src="/files/u21/red.jpg" onclick="rollsm(1)" name="onesm" />
<br /><input value="Clear" onclick="cleardicesm();" type="button" />

</form>Below is the code:<br /><br />
&lt;script&gt;<br />  var blusm=new Array(10), redsm=new Array(10)<br />  var redsmX=new Image(); redsmX.src=&quot;/files/u21/red.jpg&quot;<br />  var blusmX=new Image(); blusmX.src=&quot;/files/u21/blu.jpg&quot;<br />  var redblursm=new Image(); redblursm.src=&quot;/files/u21/redblur.jpg&quot;<br />  var blublursm=new Image(); blublursm.src=&quot;/files/u21/blublur.jpg&quot;<br />  for (o=1; !(o&gt;10); o++){<br />    blusm[o]=new Image(); blusm[o].src=&quot;/files/u21/blu&quot;+(o-1)+&quot;.jpg&quot;<br />    redsm[o]=new Image(); redsm[o].src=&quot;/files/u21/red&quot;+(o-1)+&quot;.jpg&quot;<br />  }<br />  function cleardicesm(){drawdiesm('tensm',blusmX);drawdiesm('onesm',redsmX)}<br />  function rollsm(numdicesm){<br />  cleardicesm() <br />  drawdiesm('onesm',redblursm)<br />  if (numdicesm==2) drawdiesm('tensm',blublursm)<br />    document.soundsm.Play()<br />    setTimeout('resultssm('+numdicesm+')',750)<br />  }<br />  function resultssm(numdicesm){<br />    drawdiesm('onesm',redsm[Math.round(Math.random()*9+1)])<br />    if (numdicesm==2) drawdiesm('tensm',blusm[Math.round(Math.random()*9+1)])<br />  }<br />  function drawdiesm(whichdiesm,whichsrcsm) {document.images[whichdiesm].src=whichsrcsm.src}<br />&lt;/script&gt;<br />&lt;form style=&quot;cursor: pointer&quot;&gt;<br />  &lt;embed src=&quot;/files/u21/DieRoll.wav&quot; autostart=&quot;false&quot; name=&quot;soundsm&quot; enablejavascript=&quot;true&quot; height=&quot;0&quot; width=&quot;0&quot;&gt;&lt;/embed&gt;<br />  &lt;img onclick=&quot;rollsm(2)&quot; src=&quot;/files/u21/blu.jpg&quot; name=&quot;tensm&quot; /&gt;<br />  &lt;img onclick=&quot;rollsm(1)&quot; src=&quot;/files/u21/red.jpg&quot; name=&quot;onesm&quot; /&gt;<br />  &lt;br /&gt;&lt;input value=&quot;Clear&quot; onclick=&quot;cleardicesm();&quot; type=&quot;button&quot; /&gt;<br />&lt;/form&gt;<br />

<br />Here are the originals with double digit tens die:<br /><br /><script>
var bluten=new Array(10), redone=new Array(10)
var redoneX=new Image(); redoneX.src="/files/u21/dieX.jpg"
var blutenX=new Image(); blutenX.src="/files/u21/dieXX.jpg"
var redoneblur=new Image(); redoneblur.src="/files/u21/dieblurX.jpg"
var bluetenblur=new Image(); bluetenblur.src="/files/u21/dieblurXX.jpg"
for (m=1; !(m>10); m++){
bluten[m]=new Image(); bluten[m].src="/files/u21/die"+(m-1)+"0.jpg"
redone[m]=new Image(); redone[m].src="/files/u21/die"+(m-1)+".jpg"
}
function cleardicetop(){drawdietop('tens',blutenX);drawdietop('ones',redoneX)}
function rolltop(numdicetop){
cleardicetop()
drawdietop('ones',redoneblur)
if (numdicetop==2) drawdietop('tens',bluetenblur)
document.sound1top.Play()
setTimeout('resultstop('+numdicetop+')',750)
}
function resultstop(numdicetop){
drawdie('ones',redone[Math.round(Math.random()*9+1)])
if (numdicetop==2) drawdietop('tens',bluten[Math.round(Math.random()*9+1)])
}
function drawdietop(whichdietop,whichsrctop){document.images[whichdietop].src=whichsrctop.src}
</script>

<form style="cursor: pointer">
<embed src="/files/u21/DieRoll.wav" autostart="false" name="sound1top" enablejavascript="true" height="0" width="0"></embed>
<img src="/files/u21/dieXX.jpg" onclick="rolltop(2)" name="tens" />
<img src="/files/u21/dieX.jpg" onclick="rolltop(1)" name="ones" />
<br /><input value="Clear" onclick="cleardicetop();" type="button" />

</form>

Below is the code:<br /><br />&lt;script&gt;<br />  var bluten=new Array(10), redone=new Array(10)<br />  var redoneX=new Image(); redoneX.src=&quot;/files/u21/dieX.jpg&quot;<br />  var blutenX=new Image(); blutenX.src=&quot;/files/u21/dieXX.jpg&quot;<br />  var redoneblur=new Image(); redoneblur.src=&quot;/files/u21/dieblurX.jpg&quot;<br />  var bluetenblur=new Image(); bluetenblur.src=&quot;/files/u21/dieblurXX.jpg&quot;<br />  for (m=1; !(m&gt;10); m++){<br />    bluten[m]=new Image(); bluten[m].src=&quot;/files/u21/die&quot;+(m-1)+&quot;0.jpg&quot;<br />    redone[m]=new Image(); redone[m].src=&quot;/files/u21/die&quot;+(m-1)+&quot;.jpg&quot;<br />  }<br />  function cleardicetop(){drawdietop('tens',blutenX);drawdietop('ones',redoneX)}<br />  function rolltop(numdicetop){<br />    cleardicetop()<br />    drawdietop('ones',redoneblur)<br />    if (numdicetop==2) drawdietop('tens',bluetenblur)<br />    document.sound1top.Play()<br />    setTimeout('resultstop('+numdicetop+')',750)<br />  }<br />  function resultstop(numdicetop){<br />    drawdie('ones',redone[Math.round(Math.random()*9+1)])<br />    if (numdicetop==2) drawdietop('tens',bluten[Math.round(Math.random()*9+1)])<br />  }<br />  function drawdietop(whichdietop,whichsrctop) {document.images[whichdietop].src=whichsrctop.src}<br />&lt;/script&gt;<br />&lt;form style=&quot;cursor: pointer&quot;&gt;<br />  &lt;embed src=&quot;/files/u21/DieRoll.wav&quot; autostart=&quot;false&quot; name=&quot;sound1top&quot; enablejavascript=&quot;true&quot; height=&quot;0&quot; width=&quot;0&quot;&gt;&lt;/embed&gt;<br />  &lt;img onclick=&quot;rolltop(2)&quot; src=&quot;/files/u21/dieXX.jpg&quot; name=&quot;tens&quot; /&gt;<br />  &lt;img onclick=&quot;rolltop(1)&quot; src=&quot;/files/u21/dieX.jpg&quot; name=&quot;ones&quot; /&gt;<br />  &lt;br /&gt;&lt;input value=&quot;Clear&quot; onclick=&quot;cleardicetop();&quot; type=&quot;button&quot; /&gt;<br />&lt;/form&gt;<br /><br />The following is with the single digit blue die from the boxed set:<br /><br /> <script>var blu=new Array(10), red=new Array(10)
var redX=new Image(); redX.src="/files/u21/dieX.jpg"
var bluX=new Image(); bluX.src="/files/u21/dieXX.jpg"
var redblur=new Image(); redblur.src="/files/u21/dieblurX.jpg"
var blueblur=new Image(); blueblur.src="/files/u21/dieblurXX.jpg"
for (n=1; !(n>10); n++){
blu[n]=new Image(); blu[n].src="/files/u21/blue"+(n-1)+".jpg"
red[n]=new Image(); red[n].src="/files/u21/die"+(n-1)+".jpg"
}
function cleardice(){drawdie('ten',bluX);drawdie('one',redX)}
function roll(numdice){
cleardice()
drawdie('one',redblur)
if (numdice==2) drawdie('ten',blueblur)
document.sound1.Play()
setTimeout('results('+numdice+')',750)
}
function results(numdice){
drawdie('one',red[Math.round(Math.random()*9+1)])
if (numdice==2) drawdie('ten',blu[Math.round(Math.random()*9+1)])
}
function drawdie(whichdie,whichsrc){document.images[whichdie].src=whichsrc.src}
</script>

<form style="cursor: pointer">
<embed src="/files/u21/DieRoll.wav" autostart="false" name="sound1" enablejavascript="true" height="0" width="0"></embed>
<img src="/files/u21/dieXX.jpg" onclick="roll(2)" name="ten" />
<img src="/files/u21/dieX.jpg" onclick="roll(1)" name="one" />
<br /><input value="Clear" onclick="cleardice();" type="button" />

</form>Below is the code:<br /><br />&lt;script&gt;<br />  var blu=new Array(10), red=new Array(10)<br />  var redX=new Image(); redX.src=&quot;/files/u21/dieX.jpg&quot;<br />  var bluX=new Image(); bluX.src=&quot;/files/u21/dieXX.jpg&quot;<br />  var redblur=new Image(); redblur.src=&quot;/files/u21/dieblurX.jpg&quot;<br />  var blueblur=new Image(); blueblur.src=&quot;/files/u21/dieblurXX.jpg&quot;<br />  for (n=1; !(n&gt;10); n++){<br />    blu[n]=new Image(); blu[n].src=&quot;/files/u21/blue&quot;+(n-1)+&quot;.jpg&quot;<br />    red[n]=new Image(); red[n].src=&quot;/files/u21/die&quot;+(n-1)+&quot;.jpg&quot;<br />  }<br />  function cleardice(){drawdie('ten',bluX);drawdie('one',redX)}<br />  function roll(numdice){<br />    cleardice()<br />    drawdie('one',redblur)<br />    if (numdice==2) drawdie('ten',blueblur)<br />    document.sound1.Play()<br />    setTimeout('results('+numdice+')',750)<br />  }<br />  function results(numdice){<br />    drawdie('one',red[Math.round(Math.random()*9+1)])<br />    if (numdice==2) drawdie('ten',blu[Math.round(Math.random()*9+1)])<br />  }<br />  function drawdie(whichdie,whichsrc) {document.images[whichdie].src=whichsrc.src}<br />&lt;/script&gt;<br />&lt;form style=&quot;cursor: pointer&quot;&gt;<br />  &lt;embed src=&quot;/files/u21/DieRoll.wav&quot; autostart=&quot;false&quot; name=&quot;sound1&quot; enablejavascript=&quot;true&quot; height=&quot;0&quot; width=&quot;0&quot;&gt;&lt;/embed&gt;<br />  &lt;img onclick=&quot;roll(2)&quot; src=&quot;/files/u21/dieXX.jpg&quot; name=&quot;ten&quot; /&gt;<br />  &lt;img onclick=&quot;roll(1)&quot; src=&quot;/files/u21/dieX.jpg&quot; name=&quot;one&quot; /&gt;<br />  &lt;br /&gt;&lt;input value=&quot;Clear&quot; onclick=&quot;cleardice();&quot; type=&quot;button&quot; /&gt;<br />&lt;/form&gt;<br /><br />Enjoy!

Pinned
Off
Locked
Off
Forum category