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 />
<script><br /> var blusm=new Array(10), redsm=new Array(10)<br /> var redsmX=new Image(); redsmX.src="/files/u21/red.jpg"<br /> var blusmX=new Image(); blusmX.src="/files/u21/blu.jpg"<br /> var redblursm=new Image(); redblursm.src="/files/u21/redblur.jpg"<br /> var blublursm=new Image(); blublursm.src="/files/u21/blublur.jpg"<br /> for (o=1; !(o>10); o++){<br /> blusm[o]=new Image(); blusm[o].src="/files/u21/blu"+(o-1)+".jpg"<br /> redsm[o]=new Image(); redsm[o].src="/files/u21/red"+(o-1)+".jpg"<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 /></script><br /><form style="cursor: pointer"><br /> <embed src="/files/u21/DieRoll.wav" autostart="false" name="soundsm" enablejavascript="true" height="0" width="0"></embed><br /> <img onclick="rollsm(2)" src="/files/u21/blu.jpg" name="tensm" /><br /> <img onclick="rollsm(1)" src="/files/u21/red.jpg" name="onesm" /><br /> <br /><input value="Clear" onclick="cleardicesm();" type="button" /><br /></form><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 /><script><br /> var bluten=new Array(10), redone=new Array(10)<br /> var redoneX=new Image(); redoneX.src="/files/u21/dieX.jpg"<br /> var blutenX=new Image(); blutenX.src="/files/u21/dieXX.jpg"<br /> var redoneblur=new Image(); redoneblur.src="/files/u21/dieblurX.jpg"<br /> var bluetenblur=new Image(); bluetenblur.src="/files/u21/dieblurXX.jpg"<br /> for (m=1; !(m>10); m++){<br /> bluten[m]=new Image(); bluten[m].src="/files/u21/die"+(m-1)+"0.jpg"<br /> redone[m]=new Image(); redone[m].src="/files/u21/die"+(m-1)+".jpg"<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 /></script><br /><form style="cursor: pointer"><br /> <embed src="/files/u21/DieRoll.wav" autostart="false" name="sound1top" enablejavascript="true" height="0" width="0"></embed><br /> <img onclick="rolltop(2)" src="/files/u21/dieXX.jpg" name="tens" /><br /> <img onclick="rolltop(1)" src="/files/u21/dieX.jpg" name="ones" /><br /> <br /><input value="Clear" onclick="cleardicetop();" type="button" /><br /></form><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 /><script><br /> var blu=new Array(10), red=new Array(10)<br /> var redX=new Image(); redX.src="/files/u21/dieX.jpg"<br /> var bluX=new Image(); bluX.src="/files/u21/dieXX.jpg"<br /> var redblur=new Image(); redblur.src="/files/u21/dieblurX.jpg"<br /> var blueblur=new Image(); blueblur.src="/files/u21/dieblurXX.jpg"<br /> for (n=1; !(n>10); n++){<br /> blu[n]=new Image(); blu[n].src="/files/u21/blue"+(n-1)+".jpg"<br /> red[n]=new Image(); red[n].src="/files/u21/die"+(n-1)+".jpg"<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 /></script><br /><form style="cursor: pointer"><br /> <embed src="/files/u21/DieRoll.wav" autostart="false" name="sound1" enablejavascript="true" height="0" width="0"></embed><br /> <img onclick="roll(2)" src="/files/u21/dieXX.jpg" name="ten" /><br /> <img onclick="roll(1)" src="/files/u21/dieX.jpg" name="one" /><br /> <br /><input value="Clear" onclick="cleardice();" type="button" /><br /></form><br /><br />Enjoy!
- Log in to post comments