Initial Commit

CoderDojo · Sep 29, 2013 · 38c9823 · 38c9823
1 parent 6f4ef88
commit 38c9823
Show file tree

Hide file tree

Showing 6 changed files with 62 additions and 0 deletions.
diff --git a/JuggleBalls/Week2/BallObject.js b/JuggleBalls/Week2/BallObject.js
@@ -0,0 +1,18 @@
+function BallObject(ball) {
+	var ballDiv = ball;
+	var curXpos = 0;
+	var curYpos = 0;
+
+	this.moveHorizontal = moveHorizontal;
+	this.moveVertical = moveVertical;
+
+	function moveHorizontal( pixels ) {
+		curXpos = curXpos + pixels;
+		ballDiv.css("left", curXpos+"px");
+	}
+
+	function moveVertical(pixels) {
+		curYpos = curYpos + pixels;
+		ballDiv.css("top",curYpos+"px");
+	}
+}
diff --git a/JuggleBalls/Week2/CoderDojo-ball.png b/JuggleBalls/Week2/CoderDojo-ball.png
diff --git a/JuggleBalls/Week2/TurtleBall.html b/JuggleBalls/Week2/TurtleBall.html
@@ -0,0 +1,16 @@
+<html>
+<head>
+<title>TurtleBall</title>
+	<link rel="stylesheet" type="text/css" href="style.css"/>
+	<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
+	<script type="text/javascript" src="TurtleBall.js"></script>
+	<script type="text/javascript" src="BallObject.js"></script>
+</head>
+<body>
+<button id="btnUp">Up</button>
+<button id="btnDown">Down</button>
+<button id="btnLeft">Left</button>
+<button id="btnRight">Right</button>
+<div id="ballDiv"><img src="CoderDojo-ball.png" width='50px' height='50px'/></div>
+</body>
+</html>
diff --git a/JuggleBalls/Week2/TurtleBall.js b/JuggleBalls/Week2/TurtleBall.js
@@ -0,0 +1,19 @@
+var ball;
+$(document).ready(function() {
+	ball = new BallObject($("#ballDiv"));
+
+	$("#btnUp").click(function() {
+		ball.moveVertical(-10); 
+	});
+	$("#btnDown").click(function() { 
+		ball.moveVertical(10);
+	});
+
+	$("#btnLeft").click(function() {
+		ball.moveHorizontal(-10);
+	});
+
+	$("#btnRight").click(function() {
+		ball.moveHorizontal(10);
+	});
+});
diff --git a/JuggleBalls/Week2/jquery-1.10.2.min.js b/JuggleBalls/Week2/jquery-1.10.2.min.js
diff --git a/JuggleBalls/Week2/style.css b/JuggleBalls/Week2/style.css
@@ -0,0 +1,3 @@
+#ballDiv {
+	position: absolute;
+}