added to info text for speedups

This commit is contained in:
Logan Engstrom 2014-08-25 23:09:21 -04:00
parent 8989a749db
commit 9d6e482c86
3 changed files with 6 additions and 33 deletions

View file

@ -76,34 +76,7 @@
<div id='startBtn' style='position:absolute;left:40%;top:38%;height:25%;width:25%;z-index:99999999;cursor:pointer;'></div>
<div id="helpScreen" class = 'unselectable'>
<h1 class = 'instructions_body'>Instructions</h1>
<p class = 'instructions_body' id = 'inst_main_body'>
The goal of Hextris is to stop blocks from leaving the inside of the outer gray hexagon
<br>
<br>
Tap the left and right sides of the screen to rotate the Hexagon
<br>
<br>
Clear blocks by making 3 or more blocks of the same color touch
<br>
<br>
Get points by clearing blocks
<br>
<br>
Time left before your combo streak disappears is indicated shown by <span style='color:#f1c40f;'>the</span> <span style='color:#e74c3c'>colored</span><span style='color:#3498db'>lines</span> <span style='color:#2ecc71'>in</span> the outer hexagon
<br>
<br>
You can speed up the game by tapping the inner hexagon on mobile, or holding the down arrow on the desktop
<br>
<br>
Pause by pressing <i class = 'fa fa-pause'></i>
<br>
Restart by pressing <i class = 'fa fa-refresh'></i>
<br>
Bring up this menu by pressing <i class = 'fa fa-info-circle'></i>
<br>
<br>
<span>Comments? Email <a href='mailto:hextrisgame@gmail.com'>hextrisgame@gmail.com</a></span>
</p>
<p class = 'instructions_body' id = 'inst_main_body'></p>
</div>
<div id="openSideBar" class = 'helpText'><i class="fa fa-info-circle fa-lg"></i> <i class="fa fa-arrow-left"><b> Help</b></i></div>
<div id="overlay" class="faded"></div>

View file

@ -110,7 +110,7 @@ function initialize(a) {
comboTime: 240
};
$("#inst_main_body").html("The goal of Hextris is to stop blocks from leaving the inside of the outer gray hexagon<br><br>Either press the right and left arrow keys or tap the left and right sides of the screen to rotate the Hexagon<br><br>Clear blocks by making 3 or more blocks of the same color touch<br><br>Get points by clearing blocks<br><br>Time left before your combo streak disappears is indicated shown by <span style='color:#f1c40f;'>the</span> <span style='color:#e74c3c'>colored<span> <span style='color:#3498db'>lines</span> <span style='color:#2ecc71'>in</span> the outer hexagon<br><br> You can speed up the game by tapping the inner hexagon on mobile or by holding the down arrow on the desktop <br><br> Pause by pressing <i class = 'fa fa-pause'></i> or the letter <b>p</b><br>Restart by pressing <i class = 'fa fa-refresh'></i> or <b>enter</b><br>Bring up this menu by pressing <i class = 'fa fa-info-circle'><br><br><a href = 'https://github.com/Hextris/hextris/issues'>Found a bug? Go here</a");
$("#inst_main_body").html("The goal of Hextris is to stop blocks from leaving the inside of the outer gray hexagon<br><br>" + (settings.platform != 'mobile' ? 'Press the right and left arrow keys' : 'tap the left and right sides of the screen') + " to rotate the Hexagon<br><br>Clear blocks and get points by making 3 or more blocks of the same color touch<br><br>Time left before your combo streak disappears is indicated shown by <span style='color:#f1c40f;'>the</span> <span style='color:#e74c3c'>colored</span> <span style='color:#3498db'>lines</span> <span style='color:#2ecc71'>in</span> the outer hexagon<br><br> " + (settings.platform == 'mobile' ? 'Toggle speeding up the game by tapping the inner hexagon' : "Speed up the game 2x by holding the down arrow"));
}
window.canvas = document.getElementById('canvas');

View file

@ -41,9 +41,9 @@ function render() {
}
}
if ((MainHex.ct < 400 && (gameState !== 0) && !MainHex.playThrough)) {
if (MainHex.ct > 350) {
ctx.globalAlpha = (50 - (MainHex.ct - 350))/50;
if ((MainHex.ct < 650 && (gameState !== 0) && !MainHex.playThrough)) {
if (MainHex.ct > (650 - 50)) {
ctx.globalAlpha = (50 - (MainHex.ct - (650 - 50)))/50;
}
if (MainHex.ct < 50) {
@ -76,7 +76,7 @@ function renderBeginningText() {
renderText((trueCanvas.width)/2 + 1.5 * settings.scale, (trueCanvas.height)/2 - 35 - 125 * settings.scale, 20, '#2c3e50', 'Rotate the Hexagon to make combos of 3+ touching blocks!', '20px Roboto');
renderText((trueCanvas.width)/2 + 1.5 * settings.scale, (trueCanvas.height)/2 - 35 - 105 * settings.scale, 20, '#2c3e50', 'Make combos in a row to receive a score multiplier!', '20px Roboto');
renderText((trueCanvas.width)/2 + 1.5 * settings.scale, (trueCanvas.height)/2 - 35 - 85 * settings.scale, 20, '#2c3e50', 'Don\'t let the blocks stack outside of the gray Hexagon!', '20px Roboto');
renderText((trueCanvas.width)/2 + 1.5 * settings.scale, (trueCanvas.height)/2 - 35 - 65 * settings.scale, 20, '#2c3e50', 'To speed things up a bit tap the inner hexagon on mobile, or hold the down arrow on the desktop!', '20px Roboto');
renderText((trueCanvas.width)/2 + 1.5 * settings.scale, (trueCanvas.height)/2 - 35 - 65 * settings.scale, 20, '#2c3e50', (settings.platform == 'mobile' ? 'Tap the middle to toggle 2x speed!' : 'Hold the down arrow to toggle 2x speed!'), '20px Roboto');
}
function drawKey(key, x, y) {