hextris/js/comboTimer.js

function drawTimer(){
    if(MainClock.ct - MainClock.lastCombo < settings.comboMultiplier){
        for(var i=0;i<6;i++){
            var done = (MainClock.ct -MainClock.lastCombo);
            if(done<(settings.comboMultiplier)*(5-i)*(1/6)){
                drawSide(i,i+1,1,1);
		drawSide(i,i+1,1,7);
            }
            else{
                drawSide(i,i+1,1-((done*6)/settings.comboMultiplier)%(1),1);
		drawSide(i,i+1,1-((done*6)/settings.comboMultiplier)%(1),7);
                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();
}