jdb/code-katas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP Working on snake level management.

Browse Source
This commit is contained in:
Jonathan Bernard 2014-12-29 23:16:06 -06:00
parent dd63438ae6
commit c778775ae5
1 changed files with 38 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
snake/snake-page.js
View File

@ -9,18 +9,53 @@ canvasEl.height = canvasEl.clientHeight;
var initializePage = function() { var initializePage = function() {
// Load the snake levels onto the page UI. // Load the snake levels onto the page UI.
var newHtml = "";
_.each(SnakeLevels, function(levelSet, setName) { _.each(SnakeLevels, function(levelSet, setName) {
var newHtml = "<h5>" + setName + "</h5>" + newHtml += "<h5>" + setName + "</h5>" +
"<ol levelSet='" + setName + "'>"; "<ol levelSet='" + setName + "'>";
_.each(levelSet, function(levelData, levelIdx) { _.each(levelSet.levels, function(levelData, levelIdx) {
newHtml += "<li levelNum='" + levelIdx + "'>" + newHtml += "<li levelNum='" + levelIdx + "'>" +
levelData.name + "</li>"; }); levelData.name + "</li>"; });
newHtml += "</ol>"; }); newHtml += "</ol>"; });
$levelSelectSection.append(newHtml);
// Add listeners for each of the level list items.
var levelLis = document.querySelectorAll("#levelSelect li");
for (var i = 0; i < levelLis.length; ++i) {
levelLis[i].addEventListener("click", levelLiClicked); }
// Load the initial level.
// loadLevel({target: document.querySelector("#levelSelect li.selected")});
}; };
var loadLevel = function(ev) { } var levelLiClicked = function(ev) {
var $levelLi = $(ev.target);
var $levelSetOl = $levelLi.closest("ol");
$("#levelSelect li.selected").removeClass("selected");
$levelLi.addClass("selected");
loadLevel($levelSetOl.attr("levelSet"), $levelLi.attr("levelNum")); }
var loadSelectedLevel = function() {
var $selectedLi = $("#levelSelect li.selected");
var $selectedLevelSetOl = $selectedLi.closest("ol");
loadLevel($selectedLevelSetOl.attr("levelSet"),
$selectedLi.attr("levelNum")); }
var loadLevel = function(levelSetName, levelNum) {
console.log("Loading " + levelSetName + " level " + levelNum);
var levelData = SnakeLevels[levelSetName].levels[parseInt(levelNum)];
// Show start overlay UI
}
var nextLevel = function() { }; var nextLevel = function() { };
@ -35,13 +70,5 @@ var updateScore = function(ev) {
$canvas.on('score', updateScore); $canvas.on('score', updateScore);
// Add listeners for each of the level list items.
var levelLis = document.querySelectorAll("#levelSelect li");
for (var i = 0; i < levelLis.length; ++i) {
levelLis[i].addEventListener("click", loadLevel); }
loadLevel({target: document.querySelector("#levelSelect li.selected")});
window.onload = initializePage; window.onload = initializePage;