diff options
Diffstat (limited to 'rectangles.html')
| -rw-r--r-- | rectangles.html | 16 |
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){ |