diff options
| author | Patrick Davison <snapwilliam@gmail.com> | 2012-02-02 22:56:34 -0800 |
|---|---|---|
| committer | Patrick Davison <snapwilliam@gmail.com> | 2012-02-02 22:56:34 -0800 |
| commit | de7cb061628b47f462e90aa57309350dd9f7e7a0 (patch) | |
| tree | 98bf96001ecd63b6288a08f3c4cc321d37b2fc01 /pages/challenge.php | |
| parent | 5c0b4e18dd401fdc1ad27dc87cdce9814f121546 (diff) | |
| download | pathery-de7cb061628b47f462e90aa57309350dd9f7e7a0.tar.xz | |
achievements page & challenge.php
Diffstat (limited to 'pages/challenge.php')
| -rw-r--r-- | pages/challenge.php | 361 |
1 files changed, 361 insertions, 0 deletions
diff --git a/pages/challenge.php b/pages/challenge.php new file mode 100644 index 0000000..f011d3e --- /dev/null +++ b/pages/challenge.php @@ -0,0 +1,361 @@ +<?php
+htmlHeader(array('tutorial'));
+?>
+
+<body>
+
+<?php
+topbar($Links);
+?>
+
+<script src="sounds/script/soundmanager.js"></script>
+
+<script>
+isChallenge = true;
+
+
+function challengeLoad() {}
+
+
+challenge1 = new Object();
+challenge2 = new Object();
+challenge3 = new Object();
+challenge4 = new Object();
+challenge5 = new Object();
+
+
+challenge1.start = "Welcome to Advanced Training #1. Help for these puzzles will be limited.<br /><i>Goal: 32</i> or more.";
+challenge1.help = "If that was wrong, then try the right.<br /><i>Goal: 32</i> or more.";
+challenge1.complete = "Great, I hope we discovered some things about the pathing.<br/>Press <b>Next</b>";
+
+challenge2.start = "Round 2! What does it do when there's 2 outs?<br><i>Goal: 22</i> or more.";
+challenge2.complete = "Yup, you can just block things off when there's more than one. This holds true for checkpoints too.<br/>Press <b>Next</b>";
+challenge2.help = "This might be something you didn't know you could do<br /><i>Goal: 22</i> or more.";
+
+challenge3.start = "Round 3! We're really getting to know that clock-wise path-priority thing aren't we.<br><i>Goal: 39</i> or more.";
+//challenge3.complete = "What did you decide to do with that 4th wall? <br/>Press <b>Next</b>";
+challenge3.complete = "I wonder what you decided to do with that 4th wall... That's it for now. Go play the game! (press home)";
+challenge3.bonus = "Bonus Level unlocked. 'cMeInDtDeLrE'<br/>Press <b>Next</b>";
+challenge3.help = "I believe in this case, less is more.<br><i>Goal: 39</i> or more.";
+
+challenge4.start = "Teleports are traps you can use to your advantage. See if you can use the teleport to reach 33 moves!<br>Press <b>Go!</b>";
+challenge4.complete = "Well done!<br>Teleports add extra intrigue to the game.";
+challenge4.help = "Let's use that teleport to block the way to the <i>A</i>!<br>We can make the path take longer to get to <i>A</i> in the process.";
+
+challenge5.start = "Now for a difficult one. The goal for this one is 75 moves.<br>Press <b>Go!</b> to check your path.";
+challenge5.complete = "Look at you, so pro.<br><a href='home'>Go play the game!</a>";
+challenge5.help = "Try placing the walls as highlighted.";
+
+function challengeGo(mapid) {
+ var moves = mapjson[mapid].moves;
+
+ switch (mapid) {
+ case '1':
+ if (moves >= 32) {
+ updateDsp(1, 'instructions', challenge1.complete);
+ tv.unlock(2);
+ } else {
+ updateDsp(1, 'instructions', challenge1.help);
+ }
+ break;
+
+ case '2':
+ if (moves >= 22) {
+ updateDsp(1, 'instructions', challenge2.complete);
+ tv.unlock(3);
+ } else {
+ updateDsp(1, 'instructions', challenge2.help);
+ //var tiles = ["2,3,5","2,4,6"];
+ //markTiles(tiles);
+ }
+ break;
+
+ case '3':
+ if (moves >=39) {
+ updateDsp(1, 'instructions', challenge3.complete);
+ tv.unlock(4);
+ } else {
+ updateDsp(1, 'instructions', challenge3.help);
+ }
+ break;
+
+ case '4':
+ if (moves >= 33) {
+ updateDsp(1, 'instructions', challenge4.complete);
+ tv.unlock(5);
+ } else {
+ updateDsp(1, 'instructions', challenge4.help);
+ var tiles = ["4,1,5","4,2,6","4,3,7","4,4,9"];
+ markTiles(tiles);
+ }
+ break;
+
+ case '5':
+ if (moves >= 75) {
+ updateDsp(1, 'instructions', challenge5.complete);
+ //Unlock next button.
+ } else {
+ updateDsp(1, 'instructions', challenge5.help);
+ var tiles = ["5,1,5","5,2,6","5,3,3","5,4,2","5,3,1"];
+ markTiles(tiles);
+ }
+ break;
+
+ }
+}
+
+
+
+function markTiles(tiles) {
+ for(var i in tiles) {
+ var tmp = tiles[i];
+ setTimeout('document.getElementById("'+tiles[i]+'").style.backgroundColor = "#ccccdd"', i*150 + 900);
+ }
+}
+
+//!!
+function challengeWall(mapid) {
+ //Disable function
+ return;
+ //Required walls:
+ var reqwall = new Array();
+ reqwall[0] = "3,5.";
+ reqwall[1] = "4,6.";
+
+ for(var i in reqwall) {
+ if (solution[mapid].indexOf(reqwall[i]) == -1) {
+ //Failed
+ return;
+ }
+ }
+ updateDsp(1, 'instructions', challenge2.wallstext)
+}
+function highlightElement(Eid) {
+}
+
+
+function startChallenge(mapid) {
+ //console.log("start challenge", mapid);
+ switch (mapid) {
+ case 1:
+ updateDsp(1, 'instructions', challenge1.start);
+ var goBtn = document.getElementById('1,btn');
+ var interval1 = setInterval(function() {
+ goBtn.className += ' flash';
+ }, 1200),
+ interval2;
+ setTimeout(function() {
+ interval2 = setInterval(function() {
+ goBtn.className = goBtn.className.replace(' flash', '');
+ }, 1200);
+ }, 600);
+ var prevHandler = goBtn.onclick;
+ goBtn.onclick = function() {
+ clearInterval(interval1);
+ clearInterval(interval2);
+ goBtn.className = goBtn.className.replace(' flash', '');
+ prevHandler.apply(this, arguments);
+ }
+ break;
+ case 2:
+ updateDsp(1, 'instructions', challenge2.start);
+ break;
+ case 3:
+ updateDsp(1, 'instructions', challenge3.start);
+ break;
+ case 4:
+ updateDsp(1, 'instructions', challenge4.start);
+ break;
+ case 5:
+ updateDsp(1, 'instructions', challenge5.start);
+ break;
+ }
+}
+
+function TutorialView(low, high) {
+ this.low = low;
+ this.high = high;
+ this.cur = low;
+ //Lock them all.
+ this.locked = low;
+
+ //Override hack to unlock all the levels.
+ //this.locked = high;
+
+ this.nextbtn = document.getElementById('nextbtn');
+ this.prevbtn = document.getElementById('prevbtn');
+ this.interval1 = this.interval2 = null;
+}
+TutorialView.prototype.showTutorial = function(num) {
+ for (var i = this.low; i <= this.high; i++) {
+ var elem = document.getElementById("tut-" + i);
+ if (elem.className.indexOf('hidden') < 0)
+ elem.className += 'hidden';
+ }
+ var elem = document.getElementById("tut-" + num);
+ elem.className = elem.className.replace('hidden', '');
+ //Is the map after this disabled?
+ this.nextbtn.className = this.nextbtn.className.replace(' disabled', '');
+ if (this.locked <= this.cur)
+ this.nextbtn.className += ' disabled';
+ startChallenge(num);
+ tv.nextbtn.className = tv.nextbtn.className.replace(' flash', '');
+}
+TutorialView.prototype.next = function() {
+ clearInterval(this.interval1);
+ clearInterval(this.interval2);
+ if (this.nextbtn.className.indexOf(' disabled') > -1)
+ return;
+ this.showTutorial(++this.cur);
+ if (this.cur == this.high) {
+ if (this.nextbtn.className.indexOf('hidden') < 0)
+ this.nextbtn.className += ' hidden';
+ } else {
+ this.nextbtn.className = this.nextbtn.className.replace(' hidden', '');
+ //this.nextbtn.className += ' disabled';
+ }
+ this.prevbtn.className = this.prevbtn.className.replace(' hidden', '');
+}
+TutorialView.prototype.prev = function() {
+ this.showTutorial(--this.cur);
+ if (this.cur == this.low) {
+ if (this.prevbtn.className.indexOf('hidden') < 0)
+ this.prevbtn.className += ' hidden';
+ } else
+ this.prevbtn.className = this.prevbtn.className.replace(' hidden', '');
+ this.nextbtn.className = this.nextbtn.className.replace(' hidden', '');
+}
+TutorialView.prototype.unlock = function(n) {
+ if (n > this.locked) {
+ this.locked = n;
+ if (this.locked >= this.cur) {
+ this.nextbtn.className = this.nextbtn.className.replace(' disabled', '');
+ this.interval1 = setInterval(function() {
+ tv.nextbtn.className += ' flash';
+ }, 1200);
+ setTimeout(function() {
+ tv.interval2 = setInterval(function() {
+ tv.nextbtn.className = tv.nextbtn.className.replace(' flash', '');
+ }, 1200);
+ }, 600);
+ }
+ }
+
+
+}
+</script>
+
+<?php
+include('./includes/maps.php');
+//include('./includes/datas.php');
+
+//Page Load;
+//STAGE 1:
+//Intro and Instructions; press go!
+//Lightup; Go-button.
+
+//Go is done animating and GOAL is unachieved.
+//STAGE 2:
+//Show where walls go, and/or encourage them.
+//Lightup; Wall Spots
+
+//All walls have been placed correctly.
+//STAGE 3:
+//'That looks good, try pressing Go!'
+//Lightup; Go-Button
+
+//Go is done animating, and goal is achieved:
+//STAGE 4:
+//Horray! Move on to next - highlight 'Next'
+//Lightup; Next-Button
+
+?>
+<div id="tut-wrapper">
+ <div style='height:80px;' id='1,instructions'>
+ Welcome to Advanced Training #1. Help for these puzzles will be limited.<br /><i>Goal: 32</i> or more.
+ </div>
+<?
+
+//Prepare maps.
+$example1[] = "ootooooooooo";
+$example1[] = "oofooooooooo";
+$example1[] = "oooooooooooo";
+$example1[] = "oooooooooooo";
+$example1[] = "oooooooousoo";
+
+$myparams['teleports'] = 1;
+$myparams['walls'] = 5;
+$map1 = GenerateShapedMap($example1, $myparams);
+
+$challenge2[] = "oooooooou";
+$challenge2[] = "ooooooooo";
+$challenge2[] = "ooooooooo";
+$challenge2[] = "oroooooos";
+$challenge2[] = "ooroooooo";
+$challenge2[] = "ftoooooou";
+$myparams['checkpoints'] = 1;
+$myparams['teleports'] = 1;
+$myparams['walls'] = 2;
+$map2 = GenerateShapedMap($challenge2, $myparams);
+
+$challenge3[] = "otoooooooooan";
+$challenge3[] = "ooooooooooooo";
+$challenge3[] = "ooooooooooooo";
+$challenge3[] = "ooooooooooooo";
+$challenge3[] = "osuofoooooomo";
+
+$myparams['checkpoints'] = 2;
+$myparams['teleports'] = 0;
+$myparams['walls'] = 4;
+$map3 = GenerateShapedMap($challenge3, $myparams);
+
+$challenge4[] = "suooooaooof";
+$challenge4[] = "sooooooooof";
+$challenge4[] = "sooooooooof";
+$challenge4[] = "sooooooorof";
+$challenge4[] = "soooooootof";
+$myparams['checkpoints'] = 1;
+$myparams['teleports'] = 1;
+$myparams['walls'] = 4;
+$map4 = GenerateShapedMap($challenge4, $myparams);
+
+$challenge5[] = "soooaobtorf";
+$challenge5[] = "soocrooooof";
+$challenge5[] = "souooooooof";
+$challenge5[] = "sooooooooof";
+$challenge5[] = "sooooooooof";
+$myparams['checkpoints'] = 3;
+$myparams['teleports'] = 1;
+$myparams['walls'] = 5;
+$map5 = GenerateShapedMap($challenge5, $myparams);
+
+//Display maps.
+echo '<div id="tut-1" class="hidden">';
+echo DisplayMap($map1, 1, 'puzzle');
+echo '</div><div id="tut-2" class="hidden">';
+echo DisplayMap($map2, 2, 'puzzle');
+echo '</div><div id="tut-3" class="hidden">';
+echo DisplayMap($map3, 3, 'puzzle');
+echo '</div><div id="tut-4" class="hidden">';
+echo DisplayMap($map4, 4, 'puzzle');
+echo '</div><div id="tut-5" class="hidden">';
+echo DisplayMap($map5, 5, 'puzzle');
+echo '</div>';
+
+?>
+
+ <div class="wrapper">
+ <a href="javascript:tv.next()" id="nextbtn" class="next disabled">Next</a>
+ <a href="javascript:tv.prev()" id="prevbtn" class="next hidden">Previous</a>
+ </div>
+</div>
+
+<script>
+var tv = new TutorialView(1, 3);
+tv.showTutorial(1);
+soundManagerInit();
+</script>
+
+<?php
+htmlFooter(array('tutorial'));
+?>
|