user-interface.js

var UserInterface = (function () {

    Snake.init();
    Snake.setup.keyboard(false);
    Snake.setup.wall(false);
    Snake.setup.fixedTail(false);

    const defaultFPS = 8;
    QLearning.run();
    QLearning.changeSpeed(4);
    QLearning.changeFPS(defaultFPS);

    /// EASTER EGG ///
    document.addEventListener('keyup', KonamiCode);
    var konamiOrder = [38,38,40,40,37,39,37,39,66,65];
    var konamiIndex = 0;

    function KonamiCode (evt) {
        if(konamiOrder[konamiIndex] == evt.keyCode){
            konamiIndex++
        } 
        else {
            konamiIndex = 0;
        }

        if (konamiIndex == konamiOrder.length) {
            document.removeEventListener('keyup', KonamiCode);
            QLearning.stop();
            Snake.setup.keyboard(true);
            Snake.setup.tileCount(20);
            Snake.setup.fixedTail(false);
            Snake.reset();
            Snake.start();
        }
    }
    ///

    var btnTrain = document.getElementById('btnTrain');
    btnTrain.addEventListener('click', speedFaster);

    var infoScore = document.getElementById('score');
    var infoMissed = document.getElementById('missed');

    var rangerLR = document.getElementById('rangeLR');
    var rangerDF = document.getElementById('rangeDF');
    var rangerRandom = document.getElementById('rangeRandom');

    setInterval(loop, 100);

    function loop () {
        infoScore.innerHTML = 'scored: <b>' + QLearning.info.score() + (QLearning.info.score() == 1 ? ' point' : ' points') + '</b>';
        infoMissed.innerHTML = 'died: <b>' + Math.abs(QLearning.info.missed()) + (Math.abs(QLearning.info.missed()) == 1 ? ' time' : ' times') + '</b>';

        QLearning.changeConst.LearningRate(0.01*rangerLR.value);
        QLearning.changeConst.DiscountFactor(0.01*rangerDF.value);
        QLearning.changeConst.Randomization(0.01*rangerRandom.value);
    }
    
    function speedFaster () {
        QLearning.changeSpeed(1);
        btnTrain.innerHTML = '&#9646;&#9646; train';
        btnTrain.removeEventListener('click', speedFaster);
        btnTrain.addEventListener('click', speedSlower);
    }
    
    function speedSlower () {
        QLearning.changeFPS(defaultFPS);
        btnTrain.innerHTML = '&#9654; train';
        btnTrain.removeEventListener('click', speedSlower);
        btnTrain.addEventListener('click', speedFaster);
    }

})();