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

Day 1: Snake

Browse Source
This commit is contained in:
Joanthan Bernard
2014-12-08 19:49:28 -06:00
commit 59981daf60
2 changed files with 240 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
snake/snake.html Normal file
View File

@ -0,0 +1,37 @@
<!doctype html>
<html>
<head>
<script src="snake.js" type="application/javascript"></script>
</head>
<body>
<h1>Snake</h1>
<label>Rows</label>
<input id=rows type=text placeholder="Rows" value=20>
<label>Columns</label>
<input id=cols type=text placeholder="Columns" value=20>
<label>Speed (higher = faster)</label>
<input id=fps type=text placeholder="Speed (higher = faster)" value=10>
<input id=reset type=button value="Apply">
<br/>
<canvas id=gameCanvas width=600 height=600></canvas>
<script type="application/javascript">
var canvas = document.getElementById("gameCanvas");
var resetButton = document.getElementById("reset");
Snake.initialize({ canvas: canvas,
keyContext: window,
rows: parseInt(document.getElementById("rows").value),
cols: parseInt(document.getElementById("cols").value),
fps: parseInt(document.getElementById("fps").value)});
resetButton.onclick = function() {
Snake.initialize({ canvas: canvas,
keyContext: window,
rows: parseInt(document.getElementById("rows").value),
cols: parseInt(document.getElementById("cols").value),
fps: parseInt(document.getElementById("fps").value)}); };
</script>
</body>
</html>