From ad3c9f89e76b1221fb6ee096f0ad7c0c395f000c Mon Sep 17 00:00:00 2001
From: Julie Lala <jules@okfoc.us>
Date: Sat, 12 Apr 2014 03:01:39 -0400
Subject: tree

---
 rectangles.html | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

(limited to 'rectangles.html')

diff --git a/rectangles.html b/rectangles.html
index a68b4c6..71f83c6 100644
--- a/rectangles.html
+++ b/rectangles.html
@@ -18,24 +18,29 @@ body > div {
 	<select id="palette">
 		<option>colors</option>
 		<option>redblue</option>
-		<option selected>gray</option>
+		<option>gray</option>
+		<option selected>alpha</option>
 	</select>
-	<span id="intersects"></span>
+	<div id="intersects"></div>
 </div>
 
 </body>
 <script type="text/javascript" src="assets/javascripts/util.js"></script>
+<script type="text/javascript" src="tree.js"></script>
 <script type="text/javascript" src="rect.js"></script>
 <script type="text/javascript" src="vec2.js"></script>
 <script type="text/javascript">
 
 (function(){
 	var color_palettes = {
+		alpha: [
+			"rgba(0,0,0,0.1)",
+		],
 		redblue: [
 			"rgba(0,0,0,0.2)",
 			"rgba(255,0,0,0.2)",
 			"rgba(0,0,255,0.2)",
-			"rgba(200,200,200,0.2)",
+			"rgba(0,255,0,0.2)",
 		],
 		gray: [
 			"rgba(0,0,0,0.1)",
@@ -201,14 +206,13 @@ function solve_rects(){
 	// generate walls from surviving regions
 	// generate ceiling-walls where ceiling has discontinuity
 
-	document.getElementById("intersects").innerHTML = regions.join("<br>")
-zz=false
-
 	regions = regions.filter(function(r){ return !!r })
 	for (var i = 0; i < regions.length; i++) {
 		ctx.fillStyle = colors[i % colors.length]
 		regions[i] && regions[i].fill()
 	}
+
+	document.getElementById("intersects").innerHTML = regions.join("<br>")
 }
 function sort_rects(){
 	return rects.sort(function(a,b){
-- 
cgit v1.2.3-70-g09d2