diff options
| -rw-r--r-- | rect.js | 2 | ||||
| -rw-r--r-- | rectangles.html | 16 |
2 files changed, 10 insertions, 8 deletions
@@ -122,8 +122,6 @@ rect.prototype.split = function(r){ else { // if (r.y.contains(this.y.a) && this.y.contains(r.y.b)) { y_intervals.push( new vec2( this.y.a, this.y.b )) } -if (zz) -console.log(x_intervals.length, y_intervals.length) x_intervals.forEach(function(x){ y_intervals.forEach(function(y){ 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){ |