tree

1 files changed, 10 insertions, 6 deletions

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){