wbrawner/hextris
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added alternate text

Browse source
This commit is contained in:
meadowstream 2014-07-04 22:23:19 -04:00
parent 0dbf0e4a45
commit 058d727aec
7 changed files with 26 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
index.html
View file

@ -8,7 +8,6 @@
<link rel="stylesheet" href="style/fa/css/font-awesome.min.css">
</head>
<body>
<div id="overlay" class="faded"></div>
<canvas id="canvas"></canvas>
<div id='devtools' style='z-index:3;display:none;position:absolute;left:50%;width:400px;height:400px;top:50%;margin-top:-200px;margin-left:-200px;'>
<h2 id = 'clickToExit' style = 'background-color:#fff;color:#000'>Click to exit</h2>
@ -35,27 +34,27 @@
<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'>
The goal of Hextris is to stop blocks from leaving the inside of the outer gray hexagon.
<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.
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! More cleared blocks = more points!
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.
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>
Pause by pressing <i class = 'fa fa-pause'></i>.
Pause by pressing <i class = 'fa fa-pause'></i>
<br>
Restart by pressing <i class = 'fa fa-refresh'></i>.
Restart by pressing <i class = 'fa fa-refresh'></i>
<br>
Bring up this menu by pressing <i class = 'fa fa-info-circle'></i>.
Bring up this menu by pressing <i class = 'fa fa-info-circle'></i>
<br>
<br>
<a href = 'url'>Found a bug? Go here</a>

8
js/input.js
View file

@ -113,8 +113,14 @@ $(document).ready(function(){
});
}, false);
function handleClickTap(x) {
if (!MainHex || gameState === 0 || gameState==2 || gameState==-1) {
if (gameState == 2) {
init(1);
return;
}
if (!MainHex || gameState === 0 || gameState==-1) {
return;
}

4
js/intro.js
View file

@ -1,4 +1,4 @@
introJSON = {
window.introJSON = {
"120": {
"block": {
"blocklane": 2,
@ -911,4 +911,4 @@ introJSON = {
"6843": {
"rotate": 1
}
}
};

6
js/main.js
View file

@ -117,6 +117,8 @@ if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigat
creationSpeedModifier:0.55,
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>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 = 'url'>Found a bug? Go here</a");
}
var framerate = 60;
@ -307,9 +309,11 @@ function setStartScreen() {
if (isStateSaved()) {
init();
importing = 0;
} else {
importHistory(introJSON);
}
gameState = 0;
requestAnimFrame(animLoop);
requestAnimFrame(animLoop);
}
//t: current time, b: begInnIng value, c: change In value, d: duration

2
js/save-state.js
View file

@ -39,5 +39,5 @@ function clearSaveState() {
}
function isStateSaved() {
return localStorage.getItem("saveState") != "{}";
return localStorage.getItem("saveState") != "{}" && !localStorage.getItem("saveState") == undefined;
}

2
js/view.js
View file

@ -133,7 +133,7 @@ function showText(text){
var messages = {
'paused':"<div class='centeredHeader unselectable'>Paused</div><br><div class='unselectable centeredSubHeader'>Press p to resume</div>",
'pausedMobile':"<div class='centeredHeader unselectable'>Paused</div>",
'start':"<div class='centeredHeader unselectable' style='line-height:80px;' >Press enter to start</div>",
'start':"<div class='centeredHeader unselectable' style='line-height:80px;'>Press enter to start</div>",
'gameover':"<div class='centeredHeader unselectable'> Game Over: "+score+" pts</div><br><div style='font-size:24px;' class='centeredHeader unselectable'> High Scores:</div><table class='tg' style='margin:0px auto'> <tr> <th class='tg-031e'>1.</th> <th class='tg-031e'>"+highscores[0]+"</th> </tr> <tr> <td class='tg-031e'>2.</td> <th class='tg-031e'>"+highscores[1]+"</th> </tr> <tr> <td class='tg-031e'>3.</td> <th class='tg-031e'>"+highscores[2]+"</th> </tr> </table><br><div class='unselectable centeredSubHeader'>Press enter to restart</div>",
};

4
style/style.css
View file

@ -94,7 +94,7 @@ button:focus {
position:fixed;
top:18px;
margin:0;
font-size:14px;
font-size:15px;
text-align:center;
display:none;
color:#000;
@ -115,7 +115,7 @@ and (max-device-width : 480px) {
margin:0;
width:100%;
height:100%;
font-size:14px;
font-size:13px;
text-align:center;
background-color:rgba(255,255,255,0.9);
}