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

Snake bug fixes, stil WIP. Moved page logic into a separate JS file.

Browse Source
This commit is contained in:
Joanthan Bernard
2014-12-18 21:01:12 -06:00
parent e247071dc4
commit dd63438ae6
4 changed files with 66 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
snake/snake-redesign.html
View File

@ -4,8 +4,6 @@
<meta charset=utf-8>
<link href='http://fonts.googleapis.com/css?family=Press+Start+2P|PT+Mono' rel='stylesheet' type='text/css'>
<link href="snake.css" type="text/css" rel="stylesheet">
<script src="snake.js" type="application/javascript"></script>
<script src="snake-levels.js" type="application/javascript"></script>
</head>
<body>
<div class=corner></div><div class=corner></div><div class=corner></div><div class=corner></div>
@ -23,21 +21,6 @@
--><section id=levelSelect>
<h4>Level Select</h4>
<h5>Beginner</h5>
<ol>
<li levelNum=0 class=selected>Hello Snake!</li>
<li levelNum=1>Room to Grow</li>
<li levelNum=2>North and South</li>
<li levelNum=3>4 Small Rooms</li>
<li levelNum=4>Polka Dots</li>
<li levelNum=5>Toaster Face</li>
<li levelNum=6>Wierd Walls</li>
<li levelNum=7>Maze 1</li>
<li levelNum=8>Spiral</li>
<li levelNum=9>Feast and Famine</li>
<li levelNum=10>Maze 2</li>
</ol>
<h5>Classic Nibbles</h5>
</section><!--
--><section id=gameContainer>
@ -91,40 +74,11 @@
<span class=ultralarge-only>ultralarge</span>
</div>
<script type="application/javascript">
var canvas = document.getElementById("snakeCanvas");
var scoreValue = document.querySelector("#score span.value");
canvas.width = canvas.clientWidth;
canvas.height = canvas.clientHeight;
<script src="../resources/js/jquery-2.1.1.min.js" type="application/javascript"></script>
<script src="../resources/js/underscore-1.7.0.min.js" type="application/javascript"></script>
<script src="snake.js" type="application/javascript"></script>
<script src="snake-levels.js" type="application/javascript"></script>
<script src="snake-page.js" type="application/javascript"></script>
var loadLevel = function(ev) {
var levelEl = ev.target;
document.querySelector("#levelSelect li.selected").className = "";
levelEl.className = "selected";
var levelNum = parseInt(levelEl.getAttribute("levelNum"));
Snake.initialize(levelData[levelNum]); };
var nextLevel = function() {
};
var updateScore = function(ev) {
var curScore = parseInt(scoreValue.textContent);
curScore += ev.detail.bodyLength;
curScore.textContent = curScore;
if (evDetail.score == Snake.currentLevel.targetScore)
nextLevel(); };
canvas.addEventListener('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")});
</script>
</body>
</html>