// t: current time, b: begInnIng value, c: change In value, d: duration function easeOutCubic(t, b, c, d) { return c*((t=t/d-1)*t*t + 1) + b; } function renderText(x, y, fontSize, color, text, font) { ctx.save(); if (!font) { font = 'px/0 Roboto'; } fontSize *= settings.scale; ctx.font = fontSize + font; ctx.textAlign = 'center'; ctx.fillStyle = color; ctx.fillText(text, x, y + (fontSize / 2) - 9 * settings.scale); ctx.restore(); } function drawScoreboard() { if (scoreOpacity < 1) { scoreOpacity += 0.01; textOpacity += 0.01; } ctx.globalAlpha = textOpacity; if (gameState === 0) { renderText(trueCanvas.width/2+ gdx + 6 * settings.scale, trueCanvas.height/2+ gdy, 60, "rgb(236, 240, 241)", String.fromCharCode("0xf04b"), 'px FontAwesome'); renderText(trueCanvas.width/2+ gdx + 6 * settings.scale, trueCanvas.height/2+ gdy - 170 * settings.scale, 150, "#2c3e50", "Hextris"); renderText(trueCanvas.width/2+ gdx + 6 * settings.scale, trueCanvas.height/2+ gdy + 170 * settings.scale, 20, "#2c3e50", "built by @teamsnowman"); renderText(trueCanvas.width/2+ gdx + 6 * settings.scale, trueCanvas.height/2+ gdy + 200 * settings.scale, 20, "#2c3e50", "continued by @garrettdreyfus and @meadowstream on github"); renderText(trueCanvas.width/2+ gdx + 5 * settings.scale, trueCanvas.height/2+ gdy + 100 * settings.scale, 20, "rgb(44,62,80)", 'Play!'); } else if(gameState!=0 && textOpacity>0){ textOpacity -= 0.05; renderText(trueCanvas.width/2+ gdx + 6 * settings.scale, trueCanvas.height/2+ gdy, 60, "rgb(236, 240, 241)", String.fromCharCode("0xf04b"), 'px FontAwesome'); renderText(trueCanvas.width/2+ gdx + 6 * settings.scale, trueCanvas.height/2+ gdy - 170 * settings.scale, 150, "#2c3e50", "Hextris"); renderText(trueCanvas.width/2+ gdx + 5 * settings.scale, trueCanvas.height/2+ gdy + 100 * settings.scale, 20, "rgb(44,62,80)", 'Play!'); ctx.globalAlpha = scoreOpacity; renderText(trueCanvas.width/2+ gdx, trueCanvas.height/2+ gdy, 50, "rgb(236, 240, 241)", score); } else { ctx.globalAlpha = scoreOpacity; renderText(trueCanvas.width/2+ gdx, trueCanvas.height/2+ gdy, 50, "rgb(236, 240, 241)", score); } ctx.globalAlpha = 1; } function clearGameBoard() { drawPolygon(trueCanvas.width / 2, trueCanvas.height / 2, 6, trueCanvas.width / 2, 30, hexagonBackgroundColor, 0, 'rgba(0,0,0,0)'); } function drawPolygon(x, y, sides, radius, theta, fillColor, lineWidth, lineColor) { ctx.fillStyle = fillColor; ctx.lineWidth = lineWidth; ctx.strokeStyle = lineColor; ctx.beginPath(); var coords = rotatePoint(0, radius, theta); ctx.moveTo(coords.x + x, coords.y + y); var oldX = coords.x; var oldY = coords.y; for (var i = 0; i < sides; i++) { coords = rotatePoint(oldX, oldY, 360 / sides); ctx.lineTo(coords.x + x, coords.y + y); oldX = coords.x; oldY = coords.y; } ctx.closePath(); ctx.fill(); ctx.stroke(); ctx.strokeStyle = 'rgba(0,0,0,0)'; } function showHighScores() { $('#highscores').html(function() { var str = '
  • High Scores:
  • '; for (var i = 0; i < highscores.length; i++) { str += '
  • ' + highscores[i]+'
  • '; } return str; }); toggleClass('#highscores', 'not-visible'); } function toggleClass(element, active) { if ($(element).hasClass(active)) { $(element).removeClass(active); } else { $(element).addClass(active); } } function showText(text){ var messages = { 'paused':"
    Paused

    Press p to resume
    Click here for the main menu!
    ", 'pausedMobile':"
    Paused
    Tap here for the main menu!
    ", 'start':"
    Press enter to start
    ", 'gameover':"
    Game Over: "+score+" pts

    High Scores:
    " }; if (text == 'gameover') { var allZ = 1; var i; console.log(highscores); for (i = 0; i < 3; i++) { if (highscores[i] !== undefined && highscores[i] != 0) { messages['gameover'] += ""; } } var restartText; if (settings.platform == 'mobile') { restartText = 'Tap anywhere to restart!'; } else { restartText = 'Press enter (or click anywhere!) to restart!'; } messages['gameover'] += "
    "+(i+1)+". "+highscores[i] + " pts

    " + restartText + "
    "; if (allZ) { for (i = 0; i < highscores.length; i++) { if (highscores[i] != 0) { allZ = 0; } } } } var pt = document.getElementById("overlay"); pt.className = 'unfaded'; if (text == 'paused') { if (settings.platform == 'mobile') { text = 'pausedMobile'; } } pt.innerHTML = messages[text]; if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { $("#restartBtn").on('touchstart', function() { if (gameState==2 || gameState==1 || importing == 1) { init(1); canRestart = false; } else if (gameState===0) { resumeGame(); } }); } else { $("#restartBtn").on('mousedown', function() { if (gameState==2 || gameState==1 || importing == 1) { init(1); canRestart = false; } else if (gameState===0) { resumeGame(); } }); } if (text == 'paused') { $(".centeredSubSubHeader").on('mousedown', function() { localStorage.setItem("saveState", exportSaveState()); $('#restartBtn').hide(); canRestart = false; setTimeout(setMainMenu, 2); }); } else if (text == 'pausedMobile') { $(".centeredSubSubHeader").on('touchstart', function() { localStorage.setItem("saveState", exportSaveState()); $('#restartBtn').hide(); setTimeout(setMainMenu, 2); canRestart = false; }); } } function setMainMenu() { gameState = 4; canRestart = false; setTimeout(function(){ canRestart = 's'; }, 500); $('#restartBtn').show(); if ($($("#pauseBtn").children()[0]).attr('class').indexOf('pause') == -1) { $("#pauseBtn").html(''); } else { $("#pauseBtn").html(''); } } function hideText(text){ var pt = document.getElementById("overlay"); pt.className = 'faded'; pt.innerHTML = ''; } function gameOverDisplay(){ updateHighScore(); var c = document.getElementById("canvas"); c.className = "blur"; showText('gameover'); } function togglePlayIcon (){ if ($($("#pauseBtn").children()[0]).attr('class').indexOf('pause') == -1) { $("#pauseBtn").html(''); } else { $("#pauseBtn").html(''); } return false; } function pause(o) { var message; togglePlayIcon(); if (o) { message = ''; } else { message = 'paused'; } var c = document.getElementById("canvas"); if (gameState == -1) { if ($('#helpScreen').is(':visible')) { $('#helpScreen').fadeOut(150, "linear"); } $('.helpText').hide(); hideText(); gameState = prevGameState; } else if(gameState != -2 && gameState !== 0 && gameState !== 2) { $('.helpText').show(); if (message == 'paused') { showText(message); } prevGameState = gameState; gameState = -1; } }