55 lines
1.6 KiB
JavaScript
55 lines
1.6 KiB
JavaScript
function drawTimer(){
|
|
if(MainClock.ct - MainClock.lastCombo < settings.comboTime){
|
|
for(var i=0;i<6;i++){
|
|
var done = (MainClock.ct -MainClock.lastCombo);
|
|
if(done<(settings.comboTime)*(5-i)*(1/6)){
|
|
drawSide(i,i+1,1,1);
|
|
drawSide(12-i,11-i,1,1);
|
|
}
|
|
else{
|
|
drawSide(i,i+1,1-((done*6)/settings.comboTime)%(1),1);
|
|
drawSide(12-i,11-i,1-((done*6)/settings.comboTime)%(1),1);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function drawSide(startVertex,endVertex,fraction,offset){
|
|
startVertex = (startVertex+offset)%12;
|
|
endVertex = (endVertex+offset)%12;
|
|
ctx.globalAlpha=1;
|
|
ctx.beginPath();
|
|
ctx.lineCap = "round";
|
|
if (gameState === 0) {
|
|
ctx.strokeStyle = hexColorsToTintedColors[MainClock.lastColorScored];
|
|
} else {
|
|
ctx.strokeStyle = MainClock.lastColorScored;
|
|
}
|
|
ctx.lineWidth =4;
|
|
var radius = (settings.rows * settings.blockHeight) * (2/Math.sqrt(3)) + settings.hexWidth + 2;
|
|
var halfRadius = radius/2;
|
|
var triHeight = radius *(Math.sqrt(3)/2);
|
|
var Vertexes =[
|
|
[(halfRadius*3)/2,triHeight/2],
|
|
[radius,0],
|
|
[(halfRadius*3)/2,-triHeight/2],
|
|
[halfRadius,-triHeight],
|
|
[0,-triHeight],
|
|
[-halfRadius,-triHeight],
|
|
[-(halfRadius*3)/2,-triHeight/2],
|
|
[-radius,0],
|
|
[-(halfRadius*3)/2,triHeight/2],
|
|
[-halfRadius,triHeight],
|
|
[0,triHeight],
|
|
[halfRadius,triHeight]].reverse();
|
|
var startX =trueCanvas.width/2 + Vertexes[startVertex][0];
|
|
var startY =trueCanvas.height/2 + Vertexes[startVertex][1];
|
|
var endX = trueCanvas.width/2 + Vertexes[endVertex][0];
|
|
var endY = trueCanvas.height/2 + Vertexes[endVertex][1];
|
|
ctx.moveTo(startX,startY);
|
|
ctx.lineTo(((endX-startX)*fraction)+startX,((endY-startY)*fraction)+startY);
|
|
ctx.closePath();
|
|
ctx.fill();
|
|
ctx.stroke();
|
|
}
|