cleaned up AI stuff, added larger images for icons

Author: jessecravens

public/assets/css/bootstrap.css

@@ -1388,6 +1388,31 @@ table .span24 {
   width: 1884px;
   margin-left: 0;
 }
+
+
+/* ICONS */
+
+.user-big {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  background-image: url("../img/glyphicons/glyphicons_003_user.png");
+}
+
+.user-fire {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  background-image: url("../img/glyphicons/glyphicons_022_fire.png");
+}
+
+.user-plane {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  background-image: url("../img/glyphicons/glyphicons_038_airplane.png");
+}
+
 [class^="icon-"],
 [class*=" icon-"] {
   display: inline-block;

public/assets/img/.DS_Store

@@ -1,13 +1,13 @@
 var things;
 var updates;
 
-// var scaledRandomInt = function(max, min) {
-//     return Math.round(min + Math.random()*(max-min));
-// }
-// 
-// var getDistance = function(x1,x2,y1,y2) {
-//     return Math.sqrt(Math.pow(Math.abs(x1-x2),2) + Math.pow(Math.abs(y1-y2),2));
-// }
+var scaledRandomInt = function(max, min) {
+    return Math.round(min + Math.random()*(max-min));
+}
+
+var getDistance = function(x1,x2,y1,y2) {
+    return Math.sqrt(Math.pow(Math.abs(x1-x2),2) + Math.pow(Math.abs(y1-y2),2));
+}
 
 var actions = {
 	fireToBelow: function(){
@@ -20,7 +20,7 @@ var actions = {
 		updates.minDy = -2;
 		updates.maxDy = 3;
 		updates.symbol = '';
-		updates.className = 'thing icon-fire';		
+		updates.className = 'thing user-fire';		
 		postMessage(updates);		
 	},
 
@@ -34,7 +34,7 @@ var actions = {
 		updates.minDy = -3;
 		updates.maxDy = 2;
 		updates.symbol = '';
-		updates.className = 'thing icon-plane';		
+		updates.className = 'thing user-plane';		
 		postMessage(updates);		
 	},	
 

public/assets/img/glyphicons/.DS_Store

@@ -28,7 +28,6 @@
 
     <script type="text/javascript" language=JavaScript src="assets/js/demojs/aiWorker.js"></script>
     <style>
-
         .thing {
            position:absolute;
 		   font-size: 35px;
@@ -121,9 +120,17 @@ <h1>TechX 2012 - HTML5 WebWorkers API</h1>
 			          <div class="control-group">
 			            <label class="control-label" for="textarea"></label>
 			            <div class="controls">
-						  <button id="go" class="btn-small btn-primary" href="#">Go</button>
+						  <button id="go" class="btn-small btn-primary" href="#">Mass Panic</button>
 			            </div>
 			          </div>
+			
+			          <div class="control-group">
+			            <label class="control-label" for="textarea"></label>
+			            <div class="controls">
+						  <button id="ai" class="btn-small btn-primary" href="#">Begin AI</button>
+			            </div>
+			          </div>
+			
 			        </fieldset>
 			      </form>
 				</div>
@@ -148,11 +155,11 @@ <h1>TechX 2012 - HTML5 WebWorkers API</h1>
 
         var Thing = function(left, top, id) {
             this.id = id;
-            this.minDx = -1; this.maxDx = 1;
-            this.minDy = -1; this.maxDy = 1;
+            this.minDx = -7; this.maxDx = 7;
+            this.minDy = -7; this.maxDy = 7;
             this.x = this.xOld = left;
             this.y = this.yOld = top;
-            this.pxTravelled = 1;
+            this.pxTravelled = 7;
             elemMap[id] = createThingElem(left, top);
         }
 
@@ -175,7 +182,7 @@ <h1>TechX 2012 - HTML5 WebWorkers API</h1>
         var createThingElem = function(left, top) {
             var elem = document.createElement("i");
             elem.innerHTML = "";
-            elem.className = "thing icon-user";
+            elem.className = "thing user-big";
             document.body.appendChild(elem);
             elem.style.left = this.x;
             elem.style.top = this.y;
@@ -358,11 +365,15 @@ <h1>TechX 2012 - HTML5 WebWorkers API</h1>
                 	things[i].start();
                 	thingMap[things[i].id] = things[i];
             	}
-	        	var intervals = [];
-	        	intervals[0] = window.setInterval(invokeWorker.curry('updatePaths'),1000);
-	        	intervals[1] = window.setInterval(invokeWorker.curry('fireToBelow'),1000),
-	        	intervals[2] = window.setInterval(invokeWorker.curry('rocketToSky'),1000);
-	        	intervals[3] = window.setInterval(invokeWorker.curry('erradicateSlowest'),1000);
+				$('#ai').click(function(e) {
+					e.preventDefault();
+					console.log('ai');
+	        		var intervals = [];
+	        		intervals[0] = window.setInterval(invokeWorker.curry('updatePaths'),1000);
+	        		intervals[1] = window.setInterval(invokeWorker.curry('fireToBelow'),1000),
+	        		intervals[2] = window.setInterval(invokeWorker.curry('rocketToSky'),1000);
+	        		intervals[3] = window.setInterval(invokeWorker.curry('erradicateSlowest'),1000);
+				});
 
 			}else{
 				console.log('WITHOUT WORKER');