'
s+=divStt}})
s+=''
document.getElementById('scores').innerHTML=s
my.scores.map(score=>{score.mousing()})}
function roundNew(){my.roundN++
if(my.roundN>my.opts.roundMax){scoresUpdate()
gameEnd()}else{document.getElementById('round').innerHTML=my.roundN
my.rollN=0
document.getElementById('rollBtn').style.visibility='visible'
my.dice.map(die=>{die.selQ=false})
scoresUpdate()
roll()}}
function gameEnd(){console.log('gameEnd!')
let s=''
s+="Game Over!"
s+=' '
s+='
'
s+="Your score is "+my.tot+''
s+='
'
s+=' '
s+="New Game?"
document.getElementById('optMsg').innerHTML=s
optPop()}
function scoreDo(elem){let id=elem.id
let div=document.getElementById(elem.id)
let score=my.scores.filter(score=>{return score.id==elem.id})[0]
console.log('scoreDo',id,score)
if(score.totQ)return
if(score.val>0)return
let freqs=new Array(6);for(let i=0;i<6;++i)freqs[i]=0;my.dice.map(die=>{freqs[die.n-1]++;})
let tot=0
switch(score.type){case 'single':let nMatch=score.n
my.dice.map(die=>{if(die.n==nMatch)tot+=nMatch})
break
case 'house':let has2Q=false;let has3Q=false;let has5Q=false;freqs.map(freq=>{if(freq==2)has2Q=true
if(freq==3)has3Q=true
if(freq==5)has5Q=true})
if((has2Q&&has3Q)||has5Q){tot=25;}
break
case 'kind':console.log('strt')
for(let i=0;i<6;i++){console.log('',i,freqs[i],score.n)
if(freqs[i]>=score.n){if(score.n<5){tot=score.n*(i+1)}else{tot=50;}
break;}}
break
case 'strt':console.log('strt')
for(let i=0;i<7-score.n;i++){let mult=1;for(let j=i;j{tot+=die.n})
break
case 'bonus':break
default:}
console.log('tot',tot)
if(tot>0){div.innerHTML=tot
score.val=tot
roundNew()}else{roundNew()}}
function scoresUpdate(){let tot=0
let bonus=0
let subTots=[]
my.scores.map(score=>{let div=document.getElementById(score.id)
if(score.type=='sub'){div.innerHTML=tot
subTots.push(tot)
tot=0}else{div.innerHTML=score.val
tot+=score.val}})
if(subTots[0]>=63){document.getElementById('bonus').innerHTML=35
subTots[0]+=35
document.getElementById('sub1').innerHTML=subTots[0]}
my.tot=subTots[0]+subTots[1]
document.getElementById('tot').innerHTML=my.tot
if(my.tot>my.hiScore){my.hiScore=my.tot
document.getElementById('hiScore').innerHTML='High score: '+my.hiScore}}
function roll(){if(my.rollN>3)return
console.log('rollN',my.rollN)
my.dice.map(die=>{if(!die.selQ)die.roll()})
my.rollN++
if(my.rollN<3){document.getElementById('rollBtn').innerHTML='Roll '+(my.rollN+1)}else{document.getElementById('rollBtn').style.visibility='hidden'}}
class Score{constructor(id,name,type,n=0){this.id=id
this.name=name
this.type=type
this.n=n
this.bgClr='#cdf'
this.el=null
this.totQ=false
if(type=='bonus')this.totQ=true
if(type=='sub')this.totQ=true
if(type=='tot')this.totQ=true}
fmt(){let s=''
s+='
'
s+='
'
s+=this.name
s+='
'
s+=`
`
s+=this.val
s+='
'
s+='
'
return s}
mousing(){this.el=document.getElementById(this.id)
if(!this.totQ){let el=this.el
let me=this
el.addEventListener('mouseover',function(){me.overQ=true
me.draw();});el.addEventListener('mouseleave',function(){me.overQ=false
me.draw();});el.addEventListener('click',function(){me.overQ=false
me.selQ=!me.selQ
me.draw();});}}
draw(){this.el.style.backgroundColor=this.overQ?'white':this.bgClr}}
class Die{constructor(){this.x=0
this.y=0
this.wd=45;this.ht=this.wd;this.selQ=false;this.overQ=false;this.canvas=document.createElement("canvas");document.getElementById('dice').appendChild(this.canvas);let el=this.canvas
let ratio=2;el.width=this.wd*ratio;el.height=this.ht*ratio;el.style.width=this.wd+"px";el.style.height=this.ht+"px";el.style.margin="2px";let g=el.getContext("2d");g.setTransform(ratio,0,0,ratio,0,0);this.g=this.canvas.getContext('2d');let me=this
el.addEventListener('mouseover',function(){me.overQ=true
me.draw();});el.addEventListener('mouseleave',function(){me.overQ=false
me.draw();});el.addEventListener('click',function(){me.overQ=false
me.selQ=!me.selQ
me.draw();});this.roll();}
draw(){let g=this.g
g.clearRect(0,0,g.canvas.width,g.canvas.height)
g.die(this.x,this.y,this.wd,this.ht,this.n);if(this.overQ){g.strokeStyle='black'
g.fillStyle='hsla(240,100%,90%,0.7)'
g.beginPath()
g.rect(1,1,100,100)
g.fill();}
if(this.selQ){g.strokeStyle='black'
g.fillStyle='hsla(60,100%,90%,0.5)'
g.beginPath()
g.rect(1,1,100,100)
g.fill();}}
roll(){this.animn=25;this.n=getRandomInt(1,6);this.rollAnim();}
rollAnim(){let g=this.g
g.clearRect(0,0,g.canvas.width,g.canvas.height)
let xf=0.8+Math.random()*0.15
let yf=0.8+Math.random()*0.15
let ang=Math.random()*1.6
g.translate(this.wd/2,this.ht/2);g.rotate(ang);g.die(this.wd*(-xf)/2,this.ht*(-yf)/2,this.wd*xf,this.ht*yf,getRandomInt(1,6));g.rotate(-ang);g.translate(-this.wd/2,-this.ht/2);if(this.animn-->0){requestAnimationFrame(this.rollAnim.bind(this));}else{this.draw()}}}
function optPopHTML(){var s='';s+='
';s+='
';s+='
';s+='Rounds: ';s+='
3
';s+='';s+='';s+='
';s+='
';s+='';s+='';s+='
';s+='
';return s;}
function optPop(){var pop=document.getElementById('optpop');pop.style.transitionDuration="0.3s";pop.style.opacity=1;pop.style.zIndex=12;pop.style.left=(w-340)/2+'px';}
function optYes(){var pop=document.getElementById('optpop');pop.style.opacity=0;pop.style.zIndex=1;pop.style.left='-999px';gameNew()}
function optNo(){var pop=document.getElementById('optpop');pop.style.opacity=0;pop.style.zIndex=1;pop.style.left='-999px';}
function optGet(name){var val=localStorage.getItem(`yacht.${name}`)
if(val==null)val=my.opts[name]
return val}
function optSet(name,val){localStorage.setItem(`yacht.${name}`,val)
my.opts[name]=val}
function numDn(){var num=my.opts.roundMax
console.log("numDn",num);if(num>1){num--;roundMaxChg(num);}}
function numUp(){var num=my.opts.roundMax
if(num<20){num++;roundMaxChg(num);}}
function roundMaxChg(n){document.getElementById('num').innerHTML=n;optSet('roundMax',n)
console.log('roundMaxChg',my.opts.roundMax)}
CanvasRenderingContext2D.prototype.roundRect=function(x,y,w,h,r){if(w<2*r)r=w/2;if(h<2*r)r=h/2;this.beginPath();this.moveTo(x+r,y);this.arcTo(x+w,y,x+w,y+h,r);this.arcTo(x+w,y+h,x,y+h,r);this.arcTo(x,y+h,x,y,r);this.arcTo(x,y,x+w,y,r);this.closePath();return this;}
CanvasRenderingContext2D.prototype.die=function(x,y,wd,ht,n){var g=this;g.fillStyle='white';g.beginPath();this.rect(x,y,wd,ht);g.fill();var grd=g.createLinearGradient(x+wd,y,x,y+ht);grd.addColorStop(0,"#def");grd.addColorStop(1,"#abf");g.fillStyle=grd;g.strokeStyle='#def';g.beginPath();this.roundRect(x,y,wd,ht,wd/5);g.stroke();g.fill();var p=0.3;var q=0.24;var faces=[[[0.5,0.5]],[[p,p],[1-p,1-p]],[[q,q],[0.5,0.5],[1-q,1-q]],[[p,p],[p,1-p],[1-p,1-p],[1-p,p]],[[q,q],[1-q,q],[0.5,0.5],[q,1-q],[1-q,1-q]],[[q,p],[0.5,p],[1-q,p],[q,1-p],[0.5,1-p],[1-q,1-p]],]
var dots=faces[n-1];for(var i=0;i
';s+='