From 5d82d53b4e67bd0165395203e1d6b6697d970462 Mon Sep 17 00:00:00 2001
From: Brendan Kenny <bckenny@gmail.com>
Date: Thu, 6 Nov 2014 17:40:33 +1100
Subject: [PATCH 01/10] flip poly2tri-dude in y

---
 third_party/test/geometry/poly2tri-dude.js | 208 ++++++++++-----------
 1 file changed, 104 insertions(+), 104 deletions(-)

diff --git a/third_party/test/geometry/poly2tri-dude.js b/third_party/test/geometry/poly2tri-dude.js
index 923d7d6..f4a2472 100644
--- a/third_party/test/geometry/poly2tri-dude.js
+++ b/third_party/test/geometry/poly2tri-dude.js
@@ -36,116 +36,116 @@ module.exports = {
   value: [
     // torso
     [
-      280.35714, 648.79075, 0,
-      286.78571, 662.8979, 0,
-      263.28607, 661.17871, 0,
-      262.31092, 671.41548, 0,
-      250.53571, 677.00504, 0,
-      250.53571, 683.43361, 0,
-      256.42857, 685.21933, 0,
-      297.14286, 669.50504, 0,
-      289.28571, 649.50504, 0,
-      285, 631.6479, 0,
-      285, 608.79075, 0,
-      292.85714, 585.21932, 0,
-      306.42857, 563.79075, 0,
-      323.57143, 548.79075, 0,
-      339.28571, 545.21932, 0,
-      357.85714, 547.36218, 0,
-      375, 550.21932, 0,
-      391.42857, 568.07647, 0,
-      404.28571, 588.79075, 0,
-      413.57143, 612.36218, 0,
-      417.14286, 628.07647, 0,
-      438.57143, 619.1479, 0,
-      438.03572, 618.96932, 0,
-      437.5, 609.50504, 0,
-      426.96429, 609.86218, 0,
-      424.64286, 615.57647, 0,
-      419.82143, 615.04075, 0,
-      420.35714, 605.04075, 0,
-      428.39286, 598.43361, 0,
-      437.85714, 599.68361, 0,
-      443.57143, 613.79075, 0,
-      450.71429, 610.21933, 0,
-      431.42857, 575.21932, 0,
-      405.71429, 550.21932, 0,
-      372.85714, 534.50504, 0,
-      349.28571, 531.6479, 0,
-      346.42857, 521.6479, 0,
-      346.42857, 511.6479, 0,
-      350.71429, 496.6479, 0,
-      367.85714, 476.6479, 0,
-      377.14286, 460.93361, 0,
-      385.71429, 445.21932, 0,
-      388.57143, 404.50504, 0,
-      360, 352.36218, 0,
-      337.14286, 325.93361, 0,
-      330.71429, 334.50504, 0,
-      347.14286, 354.50504, 0,
-      337.85714, 370.21932, 0,
-      333.57143, 359.50504, 0,
-      319.28571, 353.07647, 0,
-      312.85714, 366.6479, 0,
-      350.71429, 387.36218, 0,
-      368.57143, 408.07647, 0,
-      375.71429, 431.6479, 0,
-      372.14286, 454.50504, 0,
-      366.42857, 462.36218, 0,
-      352.85714, 462.36218, 0,
-      336.42857, 456.6479, 0,
-      332.85714, 438.79075, 0,
-      338.57143, 423.79075, 0,
-      338.57143, 411.6479, 0,
-      327.85714, 405.93361, 0,
-      320.71429, 407.36218, 0,
-      315.71429, 423.07647, 0,
-      314.28571, 440.21932, 0,
-      325, 447.71932, 0,
-      324.82143, 460.93361, 0,
-      317.85714, 470.57647, 0,
-      304.28571, 483.79075, 0,
-      287.14286, 491.29075, 0,
-      263.03571, 498.61218, 0,
-      251.60714, 503.07647, 0,
-      251.25, 533.61218, 0,
-      260.71429, 533.61218, 0,
-      272.85714, 528.43361, 0,
-      286.07143, 518.61218, 0,
-      297.32143, 508.25504, 0,
-      297.85714, 507.36218, 0,
-      298.39286, 506.46932, 0,
-      307.14286, 496.6479, 0,
-      312.67857, 491.6479, 0,
-      317.32143, 503.07647, 0,
-      322.5, 514.1479, 0,
-      325.53571, 521.11218, 0,
-      327.14286, 525.75504, 0,
-      326.96429, 535.04075, 0,
-      311.78571, 540.04075, 0,
-      291.07143, 552.71932, 0,
-      274.82143, 568.43361, 0,
-      259.10714, 592.8979, 0,
-      254.28571, 604.50504, 0,
-      251.07143, 621.11218, 0,
-      250.53571, 649.1479, 0,
-      268.1955, 654.36208, 0
+      280.35714, -648.79075, 0,
+      286.78571, -662.8979, 0,
+      263.28607, -661.17871, 0,
+      262.31092, -671.41548, 0,
+      250.53571, -677.00504, 0,
+      250.53571, -683.43361, 0,
+      256.42857, -685.21933, 0,
+      297.14286, -669.50504, 0,
+      289.28571, -649.50504, 0,
+      285, -631.6479, 0,
+      285, -608.79075, 0,
+      292.85714, -585.21932, 0,
+      306.42857, -563.79075, 0,
+      323.57143, -548.79075, 0,
+      339.28571, -545.21932, 0,
+      357.85714, -547.36218, 0,
+      375, -550.21932, 0,
+      391.42857, -568.07647, 0,
+      404.28571, -588.79075, 0,
+      413.57143, -612.36218, 0,
+      417.14286, -628.07647, 0,
+      438.57143, -619.1479, 0,
+      438.03572, -618.96932, 0,
+      437.5, -609.50504, 0,
+      426.96429, -609.86218, 0,
+      424.64286, -615.57647, 0,
+      419.82143, -615.04075, 0,
+      420.35714, -605.04075, 0,
+      428.39286, -598.43361, 0,
+      437.85714, -599.68361, 0,
+      443.57143, -613.79075, 0,
+      450.71429, -610.21933, 0,
+      431.42857, -575.21932, 0,
+      405.71429, -550.21932, 0,
+      372.85714, -534.50504, 0,
+      349.28571, -531.6479, 0,
+      346.42857, -521.6479, 0,
+      346.42857, -511.6479, 0,
+      350.71429, -496.6479, 0,
+      367.85714, -476.6479, 0,
+      377.14286, -460.93361, 0,
+      385.71429, -445.21932, 0,
+      388.57143, -404.50504, 0,
+      360, -352.36218, 0,
+      337.14286, -325.93361, 0,
+      330.71429, -334.50504, 0,
+      347.14286, -354.50504, 0,
+      337.85714, -370.21932, 0,
+      333.57143, -359.50504, 0,
+      319.28571, -353.07647, 0,
+      312.85714, -366.6479, 0,
+      350.71429, -387.36218, 0,
+      368.57143, -408.07647, 0,
+      375.71429, -431.6479, 0,
+      372.14286, -454.50504, 0,
+      366.42857, -462.36218, 0,
+      352.85714, -462.36218, 0,
+      336.42857, -456.6479, 0,
+      332.85714, -438.79075, 0,
+      338.57143, -423.79075, 0,
+      338.57143, -411.6479, 0,
+      327.85714, -405.93361, 0,
+      320.71429, -407.36218, 0,
+      315.71429, -423.07647, 0,
+      314.28571, -440.21932, 0,
+      325, -447.71932, 0,
+      324.82143, -460.93361, 0,
+      317.85714, -470.57647, 0,
+      304.28571, -483.79075, 0,
+      287.14286, -491.29075, 0,
+      263.03571, -498.61218, 0,
+      251.60714, -503.07647, 0,
+      251.25, -533.61218, 0,
+      260.71429, -533.61218, 0,
+      272.85714, -528.43361, 0,
+      286.07143, -518.61218, 0,
+      297.32143, -508.25504, 0,
+      297.85714, -507.36218, 0,
+      298.39286, -506.46932, 0,
+      307.14286, -496.6479, 0,
+      312.67857, -491.6479, 0,
+      317.32143, -503.07647, 0,
+      322.5, -514.1479, 0,
+      325.53571, -521.11218, 0,
+      327.14286, -525.75504, 0,
+      326.96429, -535.04075, 0,
+      311.78571, -540.04075, 0,
+      291.07143, -552.71932, 0,
+      274.82143, -568.43361, 0,
+      259.10714, -592.8979, 0,
+      254.28571, -604.50504, 0,
+      251.07143, -621.11218, 0,
+      250.53571, -649.1479, 0,
+      268.1955, -654.36208, 0
     ],
     // head hole
     [
-      325, 437, 0,
-      320, 423, 0,
-      329, 413, 0,
-      332, 423, 0
+      325, -437, 0,
+      320, -423, 0,
+      329, -413, 0,
+      332, -423, 0
     ],
     // chest hole
     [
-      320.72342, 480, 0,
-      338.90617, 465.96863, 0,
-      347.99754, 480.61584, 0,
-      329.8148, 510.41534, 0,
-      339.91632, 480.11077, 0,
-      334.86556, 478.09046, 0
+      320.72342, -480, 0,
+      338.90617, -465.96863, 0,
+      347.99754, -480.61584, 0,
+      329.8148, -510.41534, 0,
+      339.91632, -480.11077, 0,
+      334.86556, -478.09046, 0
     ]
   ]
 };

From 8ef145c4053a525b01d127961d6c3ae316c9f88f Mon Sep 17 00:00:00 2001
From: Brendan Kenny <bckenny@gmail.com>
Date: Fri, 7 Nov 2014 11:06:00 +1100
Subject: [PATCH 02/10] update poly2tri-dude in browserified tests

---
 test/browser/tests-browserified.js | 208 ++++++++++++++---------------
 1 file changed, 104 insertions(+), 104 deletions(-)

diff --git a/test/browser/tests-browserified.js b/test/browser/tests-browserified.js
index 00ec1bd..953e54c 100755
--- a/test/browser/tests-browserified.js
+++ b/test/browser/tests-browserified.js
@@ -1229,116 +1229,116 @@ module.exports = {
   value: [
     // torso
     [
-      280.35714, 648.79075, 0,
-      286.78571, 662.8979, 0,
-      263.28607, 661.17871, 0,
-      262.31092, 671.41548, 0,
-      250.53571, 677.00504, 0,
-      250.53571, 683.43361, 0,
-      256.42857, 685.21933, 0,
-      297.14286, 669.50504, 0,
-      289.28571, 649.50504, 0,
-      285, 631.6479, 0,
-      285, 608.79075, 0,
-      292.85714, 585.21932, 0,
-      306.42857, 563.79075, 0,
-      323.57143, 548.79075, 0,
-      339.28571, 545.21932, 0,
-      357.85714, 547.36218, 0,
-      375, 550.21932, 0,
-      391.42857, 568.07647, 0,
-      404.28571, 588.79075, 0,
-      413.57143, 612.36218, 0,
-      417.14286, 628.07647, 0,
-      438.57143, 619.1479, 0,
-      438.03572, 618.96932, 0,
-      437.5, 609.50504, 0,
-      426.96429, 609.86218, 0,
-      424.64286, 615.57647, 0,
-      419.82143, 615.04075, 0,
-      420.35714, 605.04075, 0,
-      428.39286, 598.43361, 0,
-      437.85714, 599.68361, 0,
-      443.57143, 613.79075, 0,
-      450.71429, 610.21933, 0,
-      431.42857, 575.21932, 0,
-      405.71429, 550.21932, 0,
-      372.85714, 534.50504, 0,
-      349.28571, 531.6479, 0,
-      346.42857, 521.6479, 0,
-      346.42857, 511.6479, 0,
-      350.71429, 496.6479, 0,
-      367.85714, 476.6479, 0,
-      377.14286, 460.93361, 0,
-      385.71429, 445.21932, 0,
-      388.57143, 404.50504, 0,
-      360, 352.36218, 0,
-      337.14286, 325.93361, 0,
-      330.71429, 334.50504, 0,
-      347.14286, 354.50504, 0,
-      337.85714, 370.21932, 0,
-      333.57143, 359.50504, 0,
-      319.28571, 353.07647, 0,
-      312.85714, 366.6479, 0,
-      350.71429, 387.36218, 0,
-      368.57143, 408.07647, 0,
-      375.71429, 431.6479, 0,
-      372.14286, 454.50504, 0,
-      366.42857, 462.36218, 0,
-      352.85714, 462.36218, 0,
-      336.42857, 456.6479, 0,
-      332.85714, 438.79075, 0,
-      338.57143, 423.79075, 0,
-      338.57143, 411.6479, 0,
-      327.85714, 405.93361, 0,
-      320.71429, 407.36218, 0,
-      315.71429, 423.07647, 0,
-      314.28571, 440.21932, 0,
-      325, 447.71932, 0,
-      324.82143, 460.93361, 0,
-      317.85714, 470.57647, 0,
-      304.28571, 483.79075, 0,
-      287.14286, 491.29075, 0,
-      263.03571, 498.61218, 0,
-      251.60714, 503.07647, 0,
-      251.25, 533.61218, 0,
-      260.71429, 533.61218, 0,
-      272.85714, 528.43361, 0,
-      286.07143, 518.61218, 0,
-      297.32143, 508.25504, 0,
-      297.85714, 507.36218, 0,
-      298.39286, 506.46932, 0,
-      307.14286, 496.6479, 0,
-      312.67857, 491.6479, 0,
-      317.32143, 503.07647, 0,
-      322.5, 514.1479, 0,
-      325.53571, 521.11218, 0,
-      327.14286, 525.75504, 0,
-      326.96429, 535.04075, 0,
-      311.78571, 540.04075, 0,
-      291.07143, 552.71932, 0,
-      274.82143, 568.43361, 0,
-      259.10714, 592.8979, 0,
-      254.28571, 604.50504, 0,
-      251.07143, 621.11218, 0,
-      250.53571, 649.1479, 0,
-      268.1955, 654.36208, 0
+      280.35714, -648.79075, 0,
+      286.78571, -662.8979, 0,
+      263.28607, -661.17871, 0,
+      262.31092, -671.41548, 0,
+      250.53571, -677.00504, 0,
+      250.53571, -683.43361, 0,
+      256.42857, -685.21933, 0,
+      297.14286, -669.50504, 0,
+      289.28571, -649.50504, 0,
+      285, -631.6479, 0,
+      285, -608.79075, 0,
+      292.85714, -585.21932, 0,
+      306.42857, -563.79075, 0,
+      323.57143, -548.79075, 0,
+      339.28571, -545.21932, 0,
+      357.85714, -547.36218, 0,
+      375, -550.21932, 0,
+      391.42857, -568.07647, 0,
+      404.28571, -588.79075, 0,
+      413.57143, -612.36218, 0,
+      417.14286, -628.07647, 0,
+      438.57143, -619.1479, 0,
+      438.03572, -618.96932, 0,
+      437.5, -609.50504, 0,
+      426.96429, -609.86218, 0,
+      424.64286, -615.57647, 0,
+      419.82143, -615.04075, 0,
+      420.35714, -605.04075, 0,
+      428.39286, -598.43361, 0,
+      437.85714, -599.68361, 0,
+      443.57143, -613.79075, 0,
+      450.71429, -610.21933, 0,
+      431.42857, -575.21932, 0,
+      405.71429, -550.21932, 0,
+      372.85714, -534.50504, 0,
+      349.28571, -531.6479, 0,
+      346.42857, -521.6479, 0,
+      346.42857, -511.6479, 0,
+      350.71429, -496.6479, 0,
+      367.85714, -476.6479, 0,
+      377.14286, -460.93361, 0,
+      385.71429, -445.21932, 0,
+      388.57143, -404.50504, 0,
+      360, -352.36218, 0,
+      337.14286, -325.93361, 0,
+      330.71429, -334.50504, 0,
+      347.14286, -354.50504, 0,
+      337.85714, -370.21932, 0,
+      333.57143, -359.50504, 0,
+      319.28571, -353.07647, 0,
+      312.85714, -366.6479, 0,
+      350.71429, -387.36218, 0,
+      368.57143, -408.07647, 0,
+      375.71429, -431.6479, 0,
+      372.14286, -454.50504, 0,
+      366.42857, -462.36218, 0,
+      352.85714, -462.36218, 0,
+      336.42857, -456.6479, 0,
+      332.85714, -438.79075, 0,
+      338.57143, -423.79075, 0,
+      338.57143, -411.6479, 0,
+      327.85714, -405.93361, 0,
+      320.71429, -407.36218, 0,
+      315.71429, -423.07647, 0,
+      314.28571, -440.21932, 0,
+      325, -447.71932, 0,
+      324.82143, -460.93361, 0,
+      317.85714, -470.57647, 0,
+      304.28571, -483.79075, 0,
+      287.14286, -491.29075, 0,
+      263.03571, -498.61218, 0,
+      251.60714, -503.07647, 0,
+      251.25, -533.61218, 0,
+      260.71429, -533.61218, 0,
+      272.85714, -528.43361, 0,
+      286.07143, -518.61218, 0,
+      297.32143, -508.25504, 0,
+      297.85714, -507.36218, 0,
+      298.39286, -506.46932, 0,
+      307.14286, -496.6479, 0,
+      312.67857, -491.6479, 0,
+      317.32143, -503.07647, 0,
+      322.5, -514.1479, 0,
+      325.53571, -521.11218, 0,
+      327.14286, -525.75504, 0,
+      326.96429, -535.04075, 0,
+      311.78571, -540.04075, 0,
+      291.07143, -552.71932, 0,
+      274.82143, -568.43361, 0,
+      259.10714, -592.8979, 0,
+      254.28571, -604.50504, 0,
+      251.07143, -621.11218, 0,
+      250.53571, -649.1479, 0,
+      268.1955, -654.36208, 0
     ],
     // head hole
     [
-      325, 437, 0,
-      320, 423, 0,
-      329, 413, 0,
-      332, 423, 0
+      325, -437, 0,
+      320, -423, 0,
+      329, -413, 0,
+      332, -423, 0
     ],
     // chest hole
     [
-      320.72342, 480, 0,
-      338.90617, 465.96863, 0,
-      347.99754, 480.61584, 0,
-      329.8148, 510.41534, 0,
-      339.91632, 480.11077, 0,
-      334.86556, 478.09046, 0
+      320.72342, -480, 0,
+      338.90617, -465.96863, 0,
+      347.99754, -480.61584, 0,
+      329.8148, -510.41534, 0,
+      339.91632, -480.11077, 0,
+      334.86556, -478.09046, 0
     ]
   ]
 };

From 7b391c2733431ee059ccf2a61ddaba31eedcdb13 Mon Sep 17 00:00:00 2001
From: Brendan Kenny <bckenny@gmail.com>
Date: Fri, 7 Nov 2014 11:29:32 +1100
Subject: [PATCH 03/10] beginning of a test-expectations viewer

currently displays the input contours in SVG
---
 gulpfile.js                                   |   30 +-
 .../expectations-viewer-browserified.js       | 1188 +++++++++++++++++
 test/browser/expectations-viewer.html         |   50 +
 test/expectations-viewer.js                   |  146 ++
 4 files changed, 1412 insertions(+), 2 deletions(-)
 create mode 100755 test/browser/expectations-viewer-browserified.js
 create mode 100644 test/browser/expectations-viewer.html
 create mode 100644 test/expectations-viewer.js

diff --git a/gulpfile.js b/gulpfile.js
index ca4bee6..9cf7f1b 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -25,7 +25,7 @@ var LINT_SRC = LIBTESS_SRC.concat([
   './libtess.cat.js',
   './{build,examples,test,third_party}/**/*.{js,html}',
   '!./build/externs/*',
-  '!./test/browser/tests-browserified.js',
+  '!./test/browser/*-browserified.js',
   '!./test/expectations/*',
   '!./third_party/node_modules/**'
 ]);
@@ -84,6 +84,7 @@ gulp.task('dist-test-libs', function() {
 });
 
 gulp.task('browserify-tests', function() {
+  // only includes baseline tess (uses libtess in page), so no prereqs
   return browserify(glob.sync('./test/*.test.js'))
     // custom chai and libtess injected on page (for e.g. debug libtess)
     // TODO(bckenny): is there a less-dumb way of doing this?
@@ -114,7 +115,8 @@ gulp.task('build', [
   'build-cat',
   'build-min',
   'browserify-tests',
-  'dist-test-libs'
+  'dist-test-libs',
+  'browserify-expectations-viewer'
 ]);
 
 gulp.task('lint', ['build'], function() {
@@ -172,4 +174,28 @@ gulp.task('coverage', ['build'], function(doneCallback) {
     });
 });
 
+gulp.task('browserify-expectations-viewer', function() {
+  return browserify('./test/expectations-viewer.js')
+    .require('./test/browser/fake-chai.js', {expose: 'chai'})
+    .require('./test/browser/fake-libtess.js',
+        {expose: '../libtess.cat.js'})
+    .require('./test/browser/fake-libtess.js',
+        {expose: '../libtess.min.js'})
+
+    // expand list of tests in geometry/ at browserify time
+    .ignore('./test/rfolder.js')
+    .transform('rfolderify')
+
+    // eliminate env nonsense in common.js
+    .transform(envify({
+      testType: 'browserify'
+    }))
+
+    .bundle()
+
+    // convert to vinyl stream and output via gulp.dest
+    .pipe(vinylSource('expectations-viewer-browserified.js'))
+    .pipe(gulp.dest('./test/browser'));
+});
+
 gulp.task('default', ['build']);
diff --git a/test/browser/expectations-viewer-browserified.js b/test/browser/expectations-viewer-browserified.js
new file mode 100755
index 0000000..2868966
--- /dev/null
+++ b/test/browser/expectations-viewer-browserified.js
@@ -0,0 +1,1188 @@
+require=(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({"../libtess.min.js":[function(require,module,exports){
+/* jshint node: true */
+
+// stub to let the browserified tests use the page-provided libtess
+module.exports = window.libtess;
+
+},{}],1:[function(require,module,exports){
+/* jshint node: true */
+'use strict';
+
+var VIEW_BOUNDS_EXCESS = 0.05;
+
+var common = require('./common.js');
+
+// geometry tests are both in test/geometry/ and in third_party/test/geometry/
+var rfolder = require('./rfolder.js');
+var geometryFiles = {"degenerate-hourglass": require("./geometry/degenerate-hourglass.js"),"hourglass": require("./geometry/hourglass.js"),"letter-e": require("./geometry/letter-e.js"),"shared-borders": require("./geometry/shared-borders.js"),"shared-edge-triangles": require("./geometry/shared-edge-triangles.js"),"two-opposite-triangles": require("./geometry/two-opposite-triangles.js"),"two-triangles": require("./geometry/two-triangles.js")};
+var geometries = Object.keys(geometryFiles).map(function(filename) {
+  return geometryFiles[filename];
+});
+var thirdPartyFiles = {"poly2tri-dude": require("./../third_party/test/geometry/poly2tri-dude.js"),"roboto-registered": require("./../third_party/test/geometry/roboto-registered.js")};
+var thirdPartyGeometries = Object.keys(thirdPartyFiles).map(function(filename) {
+  return thirdPartyFiles[filename];
+});
+geometries.push.apply(geometries, thirdPartyGeometries);
+
+var updateScheduled = false;
+var geometrySelect;
+var outputSelect;
+var provideNormalSelect;
+var windingSelect;
+var inputSvg;
+
+function init() {
+  geometrySelect = document.querySelector('#test-geometry');
+  outputSelect = document.querySelector('#output-types');
+  provideNormalSelect = document.querySelector('#provide-normal');
+  windingSelect = document.querySelector('#winding-rule');
+
+  inputSvg = document.querySelector('#input-contours');
+
+  optionsToOptions(geometries, geometrySelect);
+  optionsToOptions(common.OUTPUT_TYPES, outputSelect);
+  optionsToOptions(common.PROVIDE_NORMAL, provideNormalSelect);
+  // TODO(bckenny): maybe add this back when switch to more general transforms
+  // optionsToOptions(common.NORMALS, document.querySelector('#test-geometry'));
+  optionsToOptions(common.WINDING_RULES, windingSelect);
+
+  scheduleUpdate();
+}
+
+/**
+ * Schedule a redraw on next rAF. Coalesces multiple calls per frame.
+ */
+function scheduleUpdate() {
+  if (updateScheduled) {
+    return;
+  }
+
+  updateScheduled = true;
+  window.requestAnimationFrame(update);
+}
+
+/**
+ * Update rendering.
+ */
+function update() {
+  updateScheduled = false;
+
+  var geometry = geometries[parseInt(geometrySelect.value)];
+  var contours = geometry.value;
+
+  var bounds = getContourBounds(contours);
+
+  // NOTE(bckenny): could base this on actual offsetWidth *and* offsetHeight of
+  // element but...squares are easy. Also assumes all svg canvases are the same
+  // size.
+  var contoursSize = Math.max(bounds.maxX - bounds.minX,
+      bounds.maxY - bounds.minY) * (1 + VIEW_BOUNDS_EXCESS);
+  var scale = inputSvg.offsetWidth / contoursSize;
+  var dX = -scale * (bounds.minX + bounds.maxX - contoursSize) / 2;
+  var dY = scale * (bounds.minY + bounds.maxY + contoursSize) / 2;
+
+  // clear current content
+  while (inputSvg.firstChild) {
+    inputSvg.removeChild(inputSvg.firstChild);
+  }
+  // draw input contours
+  for (var i = 0; i < contours.length; i++) {
+    var contour = contours[i];
+    if (contour.length < 6) {
+      continue;
+    }
+
+    var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+    var pathString = 'M' + (contour[0] * scale + dX) + ',' +
+        (contour[1] * -scale + dY) + ' ';
+    for (var j = 3; j < contour.length; j += 3) {
+      pathString += 'L' + (contour[j] * scale + dX) + ',' +
+          (contour[j + 1] * -scale + dY) + ' ';
+    }
+    pathString += 'Z';
+    path.setAttribute('d', pathString);
+    inputSvg.appendChild(path);
+  }
+}
+
+/**
+ * Calculate the xy-bounds of a set of contours.
+ * @param {!Array<!Array<number>>} contours
+ * @return {{minX: number, maxX: number, minY: number, maxY: number}}
+ */
+function getContourBounds(contours) {
+  var minX = Number.MAX_VALUE;
+  var maxX = -Number.MAX_VALUE;
+  var minY = Number.MAX_VALUE;
+  var maxY = -Number.MAX_VALUE;
+
+  for (var i = 0; i < contours.length; i++) {
+    var contour = contours[i];
+    for (var j = 0; j < contour.length; j += 3) {
+      minX = Math.min(minX, contour[j]);
+      maxX = Math.max(maxX, contour[j]);
+      minY = Math.min(minY, contour[j + 1]);
+      maxY = Math.max(maxY, contour[j + 1]);
+    }
+  }
+
+  return {
+    minX: minX,
+    maxX: maxX,
+    minY: minY,
+    maxY: maxY
+  };
+}
+
+/**
+ * Add a set of options as the children of a HTMLSelectElement.
+ * @param {!Array<{name: string, value: *}>} options
+ * @param {!HTMLSelectElement} selectElement
+ */
+function optionsToOptions(options, selectElement) {
+  options.forEach(function(value, index) {
+    var opt = document.createElement('option');
+    opt.value = index;
+    opt.textContent = value.name;
+    selectElement.appendChild(opt);
+  });
+
+  selectElement.addEventListener('change', scheduleUpdate);
+}
+
+document.addEventListener('DOMContentLoaded', init, false);
+
+},{"./../third_party/test/geometry/poly2tri-dude.js":11,"./../third_party/test/geometry/roboto-registered.js":12,"./common.js":3,"./geometry/degenerate-hourglass.js":4,"./geometry/hourglass.js":5,"./geometry/letter-e.js":6,"./geometry/shared-borders.js":7,"./geometry/shared-edge-triangles.js":8,"./geometry/two-opposite-triangles.js":9,"./geometry/two-triangles.js":10,"./rfolder.js":2}],2:[function(require,module,exports){
+
+},{}],3:[function(require,module,exports){
+/* jshint node: true */
+'use strict';
+
+var chai = require('chai');
+var assert = chai.assert;
+
+// TODO(bckenny): not sure of a better way of doing this yet. Want to inject
+// libtess.cat.js for coverage, but libtess.min.js for all other runs.
+// gulp-mocha takes file names, though. Write to temp files first?
+exports.libtess = (function() {
+  if ("browserify" === 'coverage') {
+    var libtess = require('../libtess.cat.js');
+    // TODO(bckenny): along with better dynamic loading, smooth this as well
+    libtess.DEBUG = true;
+    return libtess;
+
+  } else {
+    return require('../libtess.min.js');
+  }
+})();
+
+// TODO(bckenny): replace with some destructuring?
+/**
+ * Lookup table for error types by number.
+ * @enum {string}
+ * @const
+ * @private
+ */
+var ERROR_TYPES_ = {
+  100900: 'GLU_INVALID_ENUM',
+  100901: 'GLU_INVALID_VALUE',
+  100151: 'GLU_TESS_MISSING_BEGIN_POLYGON',
+  100153: 'GLU_TESS_MISSING_END_POLYGON',
+  100152: 'GLU_TESS_MISSING_BEGIN_CONTOUR',
+  100154: 'GLU_TESS_MISSING_END_CONTOUR',
+  100155: 'GLU_TESS_COORD_TOO_LARGE',
+  100156: 'GLU_TESS_NEED_COMBINE_CALLBACK'
+};
+exports.ERROR_TYPES = ERROR_TYPES_;
+
+/**
+ * Lookup table for primitive types by number.
+ * @enum {string}
+ * @const
+ * @private
+ */
+var PRIMITIVE_TYPES_ = {
+  2: 'GL_LINE_LOOP',
+  4: 'GL_TRIANGLES',
+  5: 'GL_TRIANGLE_STRIP',
+  6: 'GL_TRIANGLE_FAN'
+};
+exports.PRIMITIVE_TYPES = PRIMITIVE_TYPES_;
+
+/**
+ * Tessellation output types.
+ * @private {Array.<{name: string, value: boolean}>}
+ * @const
+ */
+var OUTPUT_TYPES_ = [
+  {
+    name: 'triangulation',
+    value: false
+  },
+  {
+    name: 'boundaries',
+    value: true
+  }
+];
+exports.OUTPUT_TYPES = OUTPUT_TYPES_;
+
+/**
+ * Whether to provide a normal to libtess or make it compute one.
+ * @private {!Array.<{name: string, value: boolean}>}
+ * @const
+ */
+var PROVIDE_NORMAL_ = [
+  {
+    name: 'explicitNormal',
+    value: true
+  },
+  {
+    name: 'computedNormal',
+    value: false
+  }
+];
+exports.PROVIDE_NORMAL = PROVIDE_NORMAL_;
+
+/**
+ * Set of normals for planes in which to test tessellation.
+ * @private {!Array.<{name: string, value: !Array.<number>}>}
+ * @const
+ */
+var NORMALS_ = [
+  {
+    name: 'xyPlane',
+    value: [0, 0, 1],
+  },
+  {
+    name: 'xzPlane',
+    value: [0, 1, 0],
+  },
+  {
+    name: 'yzPlane',
+    value: [1, 0, 0]
+  },
+  {
+    name: 'tiltedPlane',
+    value: [Math.SQRT1_2, Math.SQRT1_2, 0]
+  }
+  // TODO(bckenny): make this transformations instead, so we can test more than
+  // just rotations about the origin
+];
+exports.NORMALS = NORMALS_;
+
+/**
+ * Enumeration of supported winding rules.
+ * @private {!Array.<{name: string, value: boolean}>}
+ * @const
+ */
+var WINDING_RULES_ = Object.keys(exports.libtess.windingRule).map(
+  function(windingRuleName) {
+    return {
+      name: windingRuleName.substring(9),
+      value: exports.libtess.windingRule[windingRuleName]
+    };
+  });
+exports.WINDING_RULES = WINDING_RULES_;
+
+/**
+ * Creates a tessellator instance from the injected libtess implementation,
+ * with straightforward callbacks that have been instrumented with Chai assert
+ * statements. Most of the callbacks can be overridden by simply assigning a new
+ * one.
+ * @param {libtess} libtess Injected libtess implementation.
+ * @param {{name: string, value: boolean}=} opt_outputType
+ * @return {!libtess.GluTesselator}
+ */
+exports.createInstrumentedTessellator = function(libtess, opt_outputType) {
+  var outputType = opt_outputType || OUTPUT_TYPES_[0];
+
+  var begun = false;
+
+  function beginCallback(type, vertexArrays) {
+    assert.isFalse(begun, 'GLU_TESS_BEGIN without closing the last primitive');
+    begun = true;
+
+    if (outputType.value === false) {
+      assert.equal(type, libtess.primitiveType.GL_TRIANGLES,
+          'GL_TRIANGLES expected but ' + PRIMITIVE_TYPES_[type] +
+          ' emitted instead');
+    } else {
+      assert.equal(type, libtess.primitiveType.GL_LINE_LOOP,
+          'GL_LINE_LOOP expected but ' + PRIMITIVE_TYPES_[type] +
+          ' emitted instead');
+    }
+
+    vertexArrays.push([]);
+  }
+
+  function vertexCallback(data, polyVertArray) {
+    assert.isTrue(begun, 'GLU_TESS_VERTEX called while not inside a primitive');
+
+    polyVertArray[polyVertArray.length - 1].push(data[0], data[1], data[2]);
+  }
+
+  function endCallback() {
+    assert.isTrue(begun, 'GLU_TESS_END called while not inside a primitive');
+    begun = false;
+  }
+
+  function errorCallback(errorNumber) {
+    throw new Error(ERROR_TYPES_[errorNumber]);
+  }
+
+  function combineCallback(coords, data, weight) {
+    assert.isFalse(begun, 'combine called while returning the vertices of a ' +
+        'primitive');
+    return [coords[0], coords[1], coords[2]];
+  }
+
+  function edgeCallback(flag) {
+    // TODO(bckenny): assert order of this? useful for boundary outputtype?
+  }
+
+  var tess = new libtess.GluTesselator();
+
+  tess.gluTessCallback(libtess.gluEnum.GLU_TESS_BEGIN_DATA, beginCallback);
+  tess.gluTessCallback(libtess.gluEnum.GLU_TESS_VERTEX_DATA, vertexCallback);
+  tess.gluTessCallback(libtess.gluEnum.GLU_TESS_END, endCallback);
+
+  tess.gluTessCallback(libtess.gluEnum.GLU_TESS_ERROR, errorCallback);
+  tess.gluTessCallback(libtess.gluEnum.GLU_TESS_COMBINE, combineCallback);
+  tess.gluTessCallback(libtess.gluEnum.GLU_TESS_EDGE_FLAG, edgeCallback);
+
+  tess.gluTessProperty(libtess.gluEnum.GLU_TESS_BOUNDARY_ONLY,
+      outputType.value);
+
+  return tess;
+};
+
+/**
+ * Tessellate the polygon made up of contours with the tessellator tess, using
+ * the specified options.
+ * @param {!libtess.GluTesselator} tess
+ * @param {!Array.<!Array.<number>>} contours
+ * @param {{name: string, value: boolean}} outputType
+ * @param {{name: string, value: boolean}} provideNormal
+ * @param {{name: string, value: !Array.<number>}} normal
+ * @param {{name: string, value: boolean}} windingRule
+ * @return {!Array.<!Array.<number>>}
+ */
+exports.tessellate = function(tess, contours, outputType, provideNormal, normal,
+    windingRule) {
+
+  // winding rule
+  tess.gluTessProperty(exports.libtess.gluEnum.GLU_TESS_WINDING_RULE,
+      windingRule.value);
+
+  // transform function to align plane with desired normal
+  var rotate = exports.createPlaneRotation(normal.value);
+
+  // provide normal or compute
+  if (provideNormal.value) {
+    tess.gluTessNormal.apply(tess, normal.value);
+  }
+
+  var resultVerts = [];
+  tess.gluTessBeginPolygon(resultVerts);
+
+  for (var i = 0; i < contours.length; i++) {
+    tess.gluTessBeginContour();
+    var contour = contours[i];
+    for (var j = 0; j < contour.length; j += 3) {
+      var coords = rotate(contour[j], contour[j + 1], contour[j + 2]);
+      tess.gluTessVertex(coords, coords);
+    }
+    tess.gluTessEndContour();
+  }
+
+  tess.gluTessEndPolygon();
+
+  return resultVerts;
+};
+
+/**
+ * Create a rotation function that rotates coordinates from a plane with a z=1
+ * normal to a plane with the specified normal. Normal must be unit length.
+ * Returned function returns a new array with transformed coordinates.
+ * Note: works precisely for normals of z=-1 (treated as rotation around the
+ * y-axis by π), but will likely have numerical issues with normals
+ * *approaching* z=-1. Don't use this elsewhere.
+ * @param {!Array.<number>} normal
+ * @return {function(number, number, number): !Array.<number>}
+ */
+exports.createPlaneRotation = function(normal) {
+  var nx = normal[0];
+  var ny = normal[1];
+  var nz = normal[2];
+
+  // if normal is negative-z-axis aligned, special case it
+  if (nx === 0 && ny === 0 && nz === -1) {
+    return function(x, y, z) {
+      return [-x, y, -z];
+    };
+  }
+
+  // arbitrary normal, hopefully not too near nz = -1
+  // special case of vector-to-vector rotation matrix from Real-Time Rendering,
+  // Third Edition
+  var denom = 1 + nz;
+  var transform = [
+    nz + ny * ny / denom, -nx * ny / denom, -nx,
+    -nx * ny / denom, nz + nx * nx / denom, -ny,
+    nx, ny, nz
+  ];
+
+  return (function(transform) {
+    return function(x, y, z) {
+      return [
+        transform[0] * x + transform[3] * y + transform[6] * z,
+        transform[1] * x + transform[4] * y + transform[7] * z,
+        transform[2] * x + transform[5] * y + transform[8] * z
+      ];
+    };
+  })(transform);
+};
+
+},{"../libtess.cat.js":undefined,"../libtess.min.js":undefined,"chai":undefined}],4:[function(require,module,exports){
+/* jshint node: true */
+
+module.exports = {
+  // self-intersecting contour collapsed to a set of edges
+  // should result in no geometry
+  name: 'Degenerate Hourglass',
+  value: [
+    [
+      // coincides with intersection of the two main edges
+      0, 0, 0,
+      1, 1, 0,
+      -1, -1, 0,
+      // also at the intersection
+      0, 0, 0,
+      1, -1, 0,
+      -1, 1, 0
+    ]
+  ]
+};
+
+},{}],5:[function(require,module,exports){
+/* jshint node: true */
+
+module.exports = {
+  // short self-intersecting single contour
+  // bottom of hourglass is anticlockwise, top is clockwise
+  name: 'Hourglass',
+  value: [
+    [
+      1, 1, 0,
+      -1, -1, 0,
+      1, -1, 0,
+      -1, 1, 0
+    ]
+  ]
+};
+
+},{}],6:[function(require,module,exports){
+/* jshint node: true */
+
+module.exports = {
+  // a simple letter E
+  // from discussion at http://www.gamedev.net/topic/584914-polygon-tessellationtriangulation-implementations/
+  name: 'the letter E',
+  value: [
+    [
+      -128, -23, 0,
+      -128, 23, 0,
+      -94, 23, 0,
+      -94, 15, 0,
+      -119, 15, 0,
+      -119, 5, 0,
+      -96, 5, 0,
+      -96, -3, 0,
+      -119, -3, 0,
+      -119, -15, 0,
+      -93, -15, 0,
+      -93, -23, 0
+    ]
+  ]
+};
+
+},{}],7:[function(require,module,exports){
+/* jshint node: true */
+
+module.exports = {
+  // three contours with shared edges but no shared vertices
+  name: 'Shared Borders',
+  value: [
+    // anticlockwise
+    [
+      1, 3, 0,
+      -4, 3, 0,
+      -4, -3, 0,
+      1, -3, 0
+    ],
+    // anticlockwise
+    [
+      3, 1, 0,
+      1, 1, 0,
+      1, -2, 0
+    ],
+    // clockwise
+    [
+      0, 0, 0,
+      0, -3, 0,
+      -1, -3, 0,
+      -1, 0, 0
+    ],
+    // clockwise
+    [
+      -2, 3, 0,
+      -2, 0, 0,
+      // collinear vertex
+      0, 0, 0,
+      7 / 3, 0, 0,
+      5 / 3, -1, 0,
+      -3, -1, 0,
+      -3, 3, 0
+    ]
+  ]
+};
+
+},{}],8:[function(require,module,exports){
+/* jshint node: true */
+
+module.exports = {
+  // two triangles with a partially-shared edge
+  name: 'Shared-edge triangles',
+  value: [
+    // anticlockwise
+    [
+      0, 2, 0,
+      5, 2, 0,
+      2, 4, 0
+    ],
+    // clockwise
+    [
+      1, 2, 0,
+      7, 2, 0,
+      4, 0, 0
+    ]
+  ]
+};
+
+},{}],9:[function(require,module,exports){
+/* jshint node: true */
+
+module.exports = {
+  // two intersecting triangles with opposite winding
+  // first is anticlockwise, second is clockwise
+  name: 'Two Opposite Triangles',
+  value: [
+    [
+      1, -1, 0,
+      0, 1, 0,
+      -1, -1, 0
+    ],
+    [
+      1, 1, 0,
+      0, -1, 0,
+      -1, 1, 0
+    ]
+  ]
+};
+
+},{}],10:[function(require,module,exports){
+/* jshint node: true */
+
+module.exports = {
+  // two intersecting triangles
+  // both are anticlockwise (positive winding)
+  name: 'Two Triangles',
+  value: [
+    [
+      1, -1, 0,
+      0, 1, 0,
+      -1, -1, 0
+    ],
+    [
+      1, 1, 0,
+      -1, 1, 0,
+      0, -1, 0
+    ]
+  ]
+};
+
+},{}],11:[function(require,module,exports){
+/**
+ * Poly2Tri Copyright (c) 2009-2010, Poly2Tri Contributors
+ * http://code.google.com/p/poly2tri/
+ *
+ * All rights reserved.
+ * Redistribution and use in source and binary forms, with or without modification,
+ * are permitted provided that the following conditions are met:
+ *
+ * - Redistributions of source code must retain the above copyright notice,
+ *   this list of conditions and the following disclaimer.
+ * - Redistributions in binary form must reproduce the above copyright notice,
+ *   this list of conditions and the following disclaimer in the documentation
+ *   and/or other materials provided with the distribution.
+ * - Neither the name of Poly2Tri nor the names of its contributors may be
+ *   used to endorse or promote products derived from this software without specific
+ *   prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+ * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+ * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+ * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR
+ * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+ * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
+ * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
+ * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
+ * LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+ * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ */
+
+/* jshint node: true */
+
+module.exports = {
+  // NOTE(bckenny): I believe the source of this is the poly2tri library.
+  name: 'poly2tri dude.dat test',
+  value: [
+    // torso
+    [
+      280.35714, -648.79075, 0,
+      286.78571, -662.8979, 0,
+      263.28607, -661.17871, 0,
+      262.31092, -671.41548, 0,
+      250.53571, -677.00504, 0,
+      250.53571, -683.43361, 0,
+      256.42857, -685.21933, 0,
+      297.14286, -669.50504, 0,
+      289.28571, -649.50504, 0,
+      285, -631.6479, 0,
+      285, -608.79075, 0,
+      292.85714, -585.21932, 0,
+      306.42857, -563.79075, 0,
+      323.57143, -548.79075, 0,
+      339.28571, -545.21932, 0,
+      357.85714, -547.36218, 0,
+      375, -550.21932, 0,
+      391.42857, -568.07647, 0,
+      404.28571, -588.79075, 0,
+      413.57143, -612.36218, 0,
+      417.14286, -628.07647, 0,
+      438.57143, -619.1479, 0,
+      438.03572, -618.96932, 0,
+      437.5, -609.50504, 0,
+      426.96429, -609.86218, 0,
+      424.64286, -615.57647, 0,
+      419.82143, -615.04075, 0,
+      420.35714, -605.04075, 0,
+      428.39286, -598.43361, 0,
+      437.85714, -599.68361, 0,
+      443.57143, -613.79075, 0,
+      450.71429, -610.21933, 0,
+      431.42857, -575.21932, 0,
+      405.71429, -550.21932, 0,
+      372.85714, -534.50504, 0,
+      349.28571, -531.6479, 0,
+      346.42857, -521.6479, 0,
+      346.42857, -511.6479, 0,
+      350.71429, -496.6479, 0,
+      367.85714, -476.6479, 0,
+      377.14286, -460.93361, 0,
+      385.71429, -445.21932, 0,
+      388.57143, -404.50504, 0,
+      360, -352.36218, 0,
+      337.14286, -325.93361, 0,
+      330.71429, -334.50504, 0,
+      347.14286, -354.50504, 0,
+      337.85714, -370.21932, 0,
+      333.57143, -359.50504, 0,
+      319.28571, -353.07647, 0,
+      312.85714, -366.6479, 0,
+      350.71429, -387.36218, 0,
+      368.57143, -408.07647, 0,
+      375.71429, -431.6479, 0,
+      372.14286, -454.50504, 0,
+      366.42857, -462.36218, 0,
+      352.85714, -462.36218, 0,
+      336.42857, -456.6479, 0,
+      332.85714, -438.79075, 0,
+      338.57143, -423.79075, 0,
+      338.57143, -411.6479, 0,
+      327.85714, -405.93361, 0,
+      320.71429, -407.36218, 0,
+      315.71429, -423.07647, 0,
+      314.28571, -440.21932, 0,
+      325, -447.71932, 0,
+      324.82143, -460.93361, 0,
+      317.85714, -470.57647, 0,
+      304.28571, -483.79075, 0,
+      287.14286, -491.29075, 0,
+      263.03571, -498.61218, 0,
+      251.60714, -503.07647, 0,
+      251.25, -533.61218, 0,
+      260.71429, -533.61218, 0,
+      272.85714, -528.43361, 0,
+      286.07143, -518.61218, 0,
+      297.32143, -508.25504, 0,
+      297.85714, -507.36218, 0,
+      298.39286, -506.46932, 0,
+      307.14286, -496.6479, 0,
+      312.67857, -491.6479, 0,
+      317.32143, -503.07647, 0,
+      322.5, -514.1479, 0,
+      325.53571, -521.11218, 0,
+      327.14286, -525.75504, 0,
+      326.96429, -535.04075, 0,
+      311.78571, -540.04075, 0,
+      291.07143, -552.71932, 0,
+      274.82143, -568.43361, 0,
+      259.10714, -592.8979, 0,
+      254.28571, -604.50504, 0,
+      251.07143, -621.11218, 0,
+      250.53571, -649.1479, 0,
+      268.1955, -654.36208, 0
+    ],
+    // head hole
+    [
+      325, -437, 0,
+      320, -423, 0,
+      329, -413, 0,
+      332, -423, 0
+    ],
+    // chest hole
+    [
+      320.72342, -480, 0,
+      338.90617, -465.96863, 0,
+      347.99754, -480.61584, 0,
+      329.8148, -510.41534, 0,
+      339.91632, -480.11077, 0,
+      334.86556, -478.09046, 0
+    ]
+  ]
+};
+
+},{}],12:[function(require,module,exports){
+/**
+ * Copyright (C) 2008 The Android Open Source Project
+ * https://developer.android.com/design/style/typography.html
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/* jshint node: true */
+
+module.exports = {
+  // the glyph '®' extracted (and discretized) from Roboto-Regular.ttf
+  name: 'Roboto-Regular - ®',
+  value: [
+    [
+      -0.9999999999999999, 0.002000997040499937, 0,
+      -0.9992788988857305, 0.04648873301990429, 0,
+      -0.9970217998724913, 0.09161864943961594, 0,
+      -0.9932279525949193, 0.13594307220386775, 0,
+      -0.987706013885336, 0.18080898870149464, 0,
+      -0.9805497794141721, 0.22481828157529724, 0,
+      -0.9714673570550477, 0.2692652350159509, 0,
+      -0.9606500899756413, 0.3128028616346211, 0,
+      -0.9477025356294176, 0.3566711691940256, 0,
+      -0.9329165861427566, 0.39957587350349105, 0,
+      -0.9162922415156582, 0.44151697456301725, 0,
+      -0.8978295017481224, 0.4824944723726036, 0,
+      -0.8775283668401491, 0.5225083669322508, 0,
+      -0.8553888367917383, 0.5615586582419584, 0,
+      -0.8314109116028903, 0.5996453463017265, 0,
+      -0.8055945912736049, 0.6367684311115553, 0,
+      -0.7779398758038818, 0.6729279126714447, 0,
+      -0.749314937919226, 0.707131566911518, 0,
+      -0.718955155314288, 0.740425894329607, 0,
+      -0.6874386949906718, 0.7722471927183174, 0,
+      -0.6539049096285311, 0.8033758093109373, 0,
+      -0.6194923850313031, 0.8326144741818627, 0,
+      -0.5842011211989884, 0.8599631873310931, 0,
+      -0.546953991798623, 0.8861421249985997, 0,
+      -0.5087756724648826, 0.9103183024073896, 0,
+      -0.4696661631977669, 0.9324917195574641, 0,
+      -0.42962546399727614, 0.9526623764488217, 0,
+      -0.3886535748634103, 0.9708302730814627, 0,
+      -0.34675049579616934, 0.986995409455388, 0,
+      -0.3039162267955531, 1.0011577855705964, 0,
+      -0.26015076786156177, 1.0133174014270885, 0,
+      -0.21674408874050172, 1.0232118545583144, 0,
+      -0.17245867038435456, 1.031216355967845, 0,
+      -0.12729451279312035, 1.0373309056556814, 0,
+      -0.08261836137291827, 1.0414582266949708, 0,
+      -0.03711440110582199, 1.0438051347369195, 0,
+      0.007759658398456171, 1.0443804855245455, 0,
+      0.052296082954650686, 1.0432745041082387, 0,
+      0.09742419003381685, 1.0403688341819142, 0,
+      0.14173990743404521, 1.0356708818711278, 0,
+      0.1865488358810105, 1.0289559947006925, 0,
+      0.23049539291488816, 1.0203385561653007, 0,
+      0.2748337055351396, 1.009480353197912, 0,
+      0.3182581730160893, 0.9966060382737125, 0,
+      0.36076879535773754, 0.9817156113927041, 0,
+      0.40236557256008443, 0.9648090725548865, 0,
+      0.4430485046231296, 0.9458864217602587, 0,
+      0.48281759154687337, 0.9249476590088215, 0,
+      0.5216728333313154, 0.9019927843005752, 0,
+      0.5596142299764557, 0.8770217976355181, 0,
+      0.5955965333718161, 0.8508337376708206, 0,
+      0.6307164653540889, 0.8227431263411659, 0,
+      0.6649740259232734, 0.7927499636465548, 0,
+      0.6973993125681321, 0.7618195146177366, 0,
+      0.7283873460234066, 0.729753706949517, 0,
+      0.7582578324121242, 0.6961651855596092, 0,
+      0.7863892836343755, 0.6616673373477184, 0,
+      0.8135316209968064, 0.6252050090521335, 0,
+      0.8388311226508285, 0.5877790775066093, 0,
+      0.8622877885964403, 0.5493895427111456, 0,
+      0.8839016188336429, 0.5100364046657427, 0,
+      0.9036726133624363, 0.4697196633704006, 0,
+      0.9216007721828205, 0.42843931882511865, 0,
+      0.9376860952947945, 0.38619537102989776, 0,
+      0.9519285826983591, 0.34298781998473676, 0,
+      0.9639995326773617, 0.3000920711227614, 0,
+      0.9743314474898974, 0.2562869954388021, 0,
+      0.982924327135967, 0.21157259293285913, 0,
+      0.9896014098231306, 0.16730371714274614, 0,
+      0.9946402491744105, 0.12217821772880916, 0,
+      0.9979618665165884, 0.07760207819722621, 0,
+      0.9997430236421042, 0.03222044501018342, 0,
+      0.9999999999999999, -0.012430854122944758, 0,
+      0.998756425081553, -0.058087572016184336, 0,
+      0.9959822964173258, -0.10294397626404027, 0,
+      0.9915184304390311, -0.1483639240189828, 0,
+      0.985426856424453, -0.19293275696941065, 0,
+      0.9774482471520151, -0.23796196799607497, 0,
+      0.9677417861900048, -0.282087699946505, 0,
+      0.9563074735384217, -0.3253099528207007, 0,
+      0.9427320297922773, -0.3688597192010987, 0,
+      0.9273256013404876, -0.41145207912095433, 0,
+      0.9100881881830523, -0.4530870325802675, 0,
+      0.8910197903199712, -0.4937645795790382, 0,
+      0.8701204077512446, -0.5334847201172664, 0,
+      0.8473900404768726, -0.5722474541949523, 0,
+      0.8228286884968543, -0.6100527818120958, 0,
+      0.796436351811191, -0.6469007029686967, 0,
+      0.7682130304198814, -0.6827912176647554, 0,
+      0.7390428283665099, -0.7167395235505459, 0,
+      0.708033602882243, -0.7498988352437908, 0,
+      0.6759333624948463, -0.7815232766802632, 0,
+      0.64201351861376, -0.8122289538914648, 0,
+      0.6072341659613071, -0.8410295343413875, 0,
+      0.5715953045374855, -0.8679250180300313, 0,
+      0.534010441271245, -0.8936215762049811, 0,
+      0.49551476637444664, -0.9172993250957034, 0,
+      0.45610827984708946, -0.9389582647021987, 0,
+      0.41579098168917417, -0.9585983950244666, 0,
+      0.3745628719007007, -0.9762197160625073, 0,
+      0.3324239504816688, -0.9918222278163208, 0,
+      0.2893742174320784, -1.0054059302859069, 0,
+      0.24541367275192985, -1.0169708234712658, 0,
+      0.2018369950278301, -1.0262721782469217, 0,
+      0.15740080853236296, -1.033668436261299, 0,
+      0.11210511326552813, -1.039159597514397, 0,
+      0.06731968330347299, -1.0426673816462155, 0,
+      0.021724560389843856, -1.0443804855245453, 0,
+      -0.0231618889017594, -1.0443290904400853, 0,
+      -0.06891670033458136, -1.042517478616857, 0,
+      -0.11384370292050915, -1.0389212939528363, 0,
+      -0.15926631322794538, -1.0333496248447613, 0,
+      -0.2038101843002947, -1.0258835882399409, 0,
+      -0.24747531613755683, -1.016523184138375, 0,
+      -0.29150682933822664, -1.004908712137351, 0,
+      -0.33460715260552126, -0.991286800531212, 0,
+      -0.37677628593944107, -0.9756574493199577, 0,
+      -0.4180142293399854, -0.9580206585035882, 0,
+      -0.4583209828071548, -0.9383764280821034, 0,
+      -0.497696546340949, -0.9167247580555034, 0,
+      -0.5361409199413681, -0.8930656484237882, 0,
+      -0.5736541036084121, -0.8673990991869577, 0,
+      -0.6092038201569291, -0.8405436540860366, 0,
+      -0.6438747974703588, -0.81179384148837, 0,
+      -0.6776670355487018, -0.7811496613939577, 0,
+      -0.7096250328666187, -0.7495951688908586, 0,
+      -0.740477569433398, -0.7165125534798841, 0,
+      -0.7695267851317522, -0.6825960861085718, 0,
+      -0.797629910728443, -0.6467252994060715, 0,
+      -0.823906463630827, -0.6098838702090119, 0,
+      -0.8483564438389043, -0.5720717985173933, 0,
+      -0.870979851352675, -0.5332890843312156, 0,
+      -0.8917766861721387, -0.4935357276504786, 0,
+      -0.9107469482972957, -0.4528117284751826, 0,
+      -0.9278906377281463, -0.4111170868053275, 0,
+      -0.9432077544646897, -0.36845180264091315, 0,
+      -0.9566982985069267, -0.3248158759819396, 0,
+      -0.9680543618863879, -0.28149725037353457, 0,
+      -0.977686737074324, -0.2372626551947537, 0,
+      -0.985387418445546, -0.1934531221924677, 0,
+      -0.9914643139685232, -0.1487807078215491, 0,
+      -0.9959174236432555, -0.103245412081998, 0,
+      -0.998684867660099, -0.058265918120249616, 0,
+      -0.9999254460124771, -0.012475046269171857, 0,
+      -0.9999999999999999, 0.002000997040499937, 0
+    ],
+    [
+      -0.8222155791938117, 0.00269546743427411, 0,
+      -0.821356704508117, -0.04191492377137783, 0,
+      -0.8186683641807817, -0.087005187615814, 0,
+      -0.8139789620206986, -0.13248397436200407, 0,
+      -0.8073430155677513, -0.1769265125287575, 0,
+      -0.7984700625192851, -0.2216319677088481, 0,
+      -0.7875308053362443, -0.26523741980553317, 0,
+      -0.7745252440186294, -0.30774286881881247, 0,
+      -0.7589788078504113, -0.35034946968610486, 0,
+      -0.7412427327852608, -0.39179040984650093, 0,
+      -0.7213170188231782, -0.4320656893000008, 0,
+      -0.6992016659641636, -0.47117530804660435, 0,
+      -0.6748966742082168, -0.5091192660863116, 0,
+      -0.6484020435553377, -0.5458975634191229, 0,
+      -0.6197177740055265, -0.5815102000450378, 0,
+      -0.5897563640541986, -0.6149891531680169, 0,
+      -0.5580739452807223, -0.646944419071551, 0,
+      -0.5242392871921646, -0.6777262628057756, 0,
+      -0.4893450914563303, -0.7061875240855353, 0,
+      -0.4533913580732194, -0.7323282029108303, 0,
+      -0.41527342171077236, -0.7568137604266907, 0,
+      -0.3760327054020333, -0.7788402232135551, 0,
+      -0.3356692091470018, -0.7984075912714236, 0,
+      -0.294182932945678, -0.8155158646002959, 0,
+      -0.251573876798062, -0.8301650432001724, 0,
+      -0.20784204070415366, -0.8423551270710525, 0,
+      -0.1642845665582338, -0.8518422141643059, 0,
+      -0.11966755476503715, -0.8590087188030943, 0,
+      -0.07534955640774411, -0.8637452363647808, 0,
+      -0.030033429592073547, -0.8662956688979968, 0,
+      0.014743531892980834, -0.8666806892269406, 0,
+      0.060333208655815845, -0.8649181109695109, 0,
+      0.10492687639542624, -0.860960623938678, 0,
+      0.1498301279348105, -0.8545875279409731, 0,
+      0.19367609165890748, -0.8458844828688387, 0,
+      0.23770725238098012, -0.8344917171740167, 0,
+      0.280618017278029, -0.8206299310499766, 0,
+      0.3224083863500543, -0.8042991244967181, 0,
+      0.36307835959705603, -0.7854992975142415, 0,
+      0.40262793701903493, -0.7642304501025461, 0,
+      0.44105711861598995, -0.7404925822616327, 0,
+      0.47836590438792154, -0.714285693991501, 0,
+      0.5135358886865716, -0.6864633609262519, 0,
+      0.5476485851699341, -0.6563110787865731, 0,
+      0.5797468669818134, -0.6248174635075926, 0,
+      0.610573954830264, -0.5914711381348489, 0,
+      0.6391606290463836, -0.5572157122471127, 0,
+      0.6664233813442407, -0.5208037654221832, 0,
+      0.6914900546307636, -0.48322615789035755, 0,
+      0.7143606489059514, -0.4444828896516355, 0,
+      0.7350351641698039, -0.40457396070601737, 0,
+      0.7535136004223216, -0.363499371053503, 0,
+      0.7697959576635045, -0.32125912069409246, 0,
+      0.7838822358933528, -0.27785320962778565, 0,
+      0.7954631913327186, -0.23457128784974937, 0,
+      0.8049717652724088, -0.19018936298830724, 0,
+      0.8122188260098139, -0.14606083954259536, 0,
+      0.8175136173240813, -0.10089606751744683, 0,
+      0.8207835341540198, -0.05611030279644463, 0,
+      0.8222177082022387, -0.01035014088045346, 0,
+      0.821853079637369, 0.03439274887950707, 0,
+      0.8196560710039398, 0.07966930232048429, 0,
+      0.8156089498370966, 0.12396383122026522, 0,
+      0.8094976162001114, 0.16861402770242892, 0,
+      0.8011432017914139, 0.2135249499412152, 0,
+      0.7907001837805417, 0.25732725853779165, 0,
+      0.7781685621674953, 0.3000209534921582, 0,
+      0.7630867121941814, 0.34281234278517525, 0,
+      0.7457915928327502, 0.38442894686045265, 0,
+      0.7262832040832016, 0.4248707657179904, 0,
+      0.7045615459455357, 0.4641377993577883, 0,
+      0.6806266184197525, 0.5022300477798466, 0,
+      0.6544784215058518, 0.5391475109841651, 0,
+      0.6261169552038339, 0.5748901889707441, 0,
+      0.5964464981494151, 0.6084867308022708, 0,
+      0.5652390034490256, 0.6405542162383495, 0,
+      0.5326199394990264, 0.6709355422528543, 0,
+      0.49796646630072366, 0.6999454575252567, 0,
+      0.46225142910215317, 0.7266291060069477, 0,
+      0.42437709277289415, 0.7516676653005705, 0,
+      0.3853778291942154, 0.7742411062389842, 0,
+      0.3452536383661177, 0.7943494288221893, 0,
+      0.3040045202886007, 0.8119926330501854, 0,
+      0.2616304749616643, 0.827170718922972, 0,
+      0.2181315023853088, 0.8398836864405498, 0,
+      0.17479818236128253, 0.8498729497183112, 0,
+      0.13040329833698783, 0.8575359462053611, 0,
+      0.08494685031242499, 0.8628726759016992, 0,
+      0.03981216719317198, 0.8658277994156782, 0,
+      -0.004894843466358854, 0.8666006678637913, 0,
+      -0.049380354912371104, 0.865323113819481, 0,
+      -0.09427303329115433, 0.8618647350979702, 0,
+      -0.13948213965194636, 0.8560279100580283, 0,
+      -0.18363170836546194, 0.8478835030255519, 0,
+      -0.22797305357307218, 0.8370891694402283, 0,
+      -0.2711916188343896, 0.8238495175669687, 0,
+      -0.3132874041494152, 0.808164547405771, 0,
+      -0.35426040951814797, 0.7900342589566366, 0,
+      -0.3941106349405888, 0.7694586522195648, 0,
+      -0.4328380804167371, 0.7464377271945561, 0,
+      -0.47044274594659324, 0.7209714838816097, 0,
+      -0.5058978733780445, 0.6938913304986246, 0,
+      -0.5402934631622192, 0.6645035951231049, 0,
+      -0.572664166335904, 0.6337734299119623, 0,
+      -0.6042169127499014, 0.6006430615758817, 0,
+      -0.6333628554696518, 0.5667170468033537, 0,
+      -0.6611822563064945, 0.5306306687607265, 0,
+      -0.686786232730847, 0.4933649030161549, 0,
+      -0.7101747847427092, 0.4549197495696408, 0,
+      -0.731347912342081, 0.41529520842118295, 0,
+      -0.7503056155289625, 0.3744912795707823, 0,
+      -0.7670478943033535, 0.33250796301843744, 0,
+      -0.7815747486652546, 0.28934525876414957, 0,
+      -0.7935651681385695, 0.24628645073395988, 0,
+      -0.8034649503703832, 0.2021146858193245, 0,
+      -0.811074255036141, 0.15817775323283959, 0,
+      -0.8167140926119377, 0.113192369048464, 0,
+      -0.8203021759053098, 0.06856890223440767, 0,
+      -0.8220383452408125, 0.022959563578073883, 0,
+      -0.8222155791938117, 0.00269546743427411, 0
+    ],
+    [
+      -0.24441621157369986, -0.0889746245439167, 0,
+      -0.24441621157369986, -0.1361986113205603, 0,
+      -0.24441621157369986, -0.1834225980972042, 0,
+      -0.24441621157369986, -0.23064658487384798, 0,
+      -0.24441621157369986, -0.2778705716504917, 0,
+      -0.24441621157369986, -0.32509455842713547, 0,
+      -0.24441621157369986, -0.3723185452037792, 0,
+      -0.24441621157369986, -0.419542531980423, 0,
+      -0.24441621157369986, -0.46676651875706676, 0,
+      -0.24441621157369986, -0.5139905055337105, 0,
+      -0.24441621157369986, -0.5612144923103543, 0,
+      -0.2977515378155563, -0.5612144923103543, 0,
+      -0.35108686405741274, -0.5612144923103543, 0,
+      -0.40442219029926935, -0.5612144923103543, 0,
+      -0.4222006323798881, -0.44287673721123516, 0,
+      -0.4222006323798881, -0.32453898211211607, 0,
+      -0.4222006323798881, -0.2062012270129972, 0,
+      -0.4222006323798881, -0.0878634719138781, 0,
+      -0.4222006323798881, 0.030474283185241025, 0,
+      -0.4222006323798881, 0.14881203828436015, 0,
+      -0.4222006323798881, 0.2671497933834791, 0,
+      -0.4222006323798881, 0.38548754848259825, 0,
+      -0.4222006323798881, 0.5038253035817175, 0,
+      -0.4222006323798881, 0.6221630586808363, 0,
+      -0.34428105419842586, 0.6221630586808363, 0,
+      -0.26636147601696364, 0.6221630586808363, 0,
+      -0.18844189783550158, 0.6221630586808363, 0,
+      -0.11052231965403934, 0.6221630586808363, 0,
+      -0.03260274147257712, 0.6221630586808363, 0,
+      0.012731554172566186, 0.6211398671747362, 0,
+      0.057310212125981266, 0.6179228173500715, 0,
+      0.10229116191463387, 0.6120564323756829, 0,
+      0.1471399838648343, 0.6030552183226554, 0,
+      0.1900752588303134, 0.5908082424384152, 0,
+      0.23191587589988932, 0.5745520263670062, 0,
+      0.2720412186783102, 0.5537227707071085, 0,
+      0.30955828929842644, 0.5279392922890676, 0,
+      0.34247502699893373, 0.49764104658001296, 0,
+      0.37039781785133813, 0.46207859529623924, 0,
+      0.39233137240496546, 0.4220329729818021, 0,
+      0.40756695707296353, 0.3800257586678272, 0,
+      0.4172354831652179, 0.3353774359270957, 0,
+      0.42171537941791853, 0.2898973195838891, 0,
+      0.4214962751157351, 0.24454624063894645, 0,
+      0.41429747119169136, 0.1999728245613056, 0,
+      0.39899265476827966, 0.15750639399636518, 0,
+      0.3756822420618521, 0.11854926591165084, 0,
+      0.34580615491429, 0.08451661648806255, 0,
+      0.31181265793087226, 0.055591438743883, 0,
+      0.27434623739801256, 0.030701619831016543, 0,
+      0.23440190077372078, 0.009422818333547392, 0,
+      0.27197067485889836, -0.016553905922854256, 0,
+      0.3102802021552126, -0.03918914964010744, 0,
+      0.3450739816933214, -0.06806543112692111, 0,
+      0.37378188062929363, -0.10327109181158511, 0,
+      0.395586804635824, -0.14334937351527852, 0,
+      0.4102983429039372, -0.1855895139366017, 0,
+      0.4190150802669696, -0.23057209150980984, 0,
+      0.42221247512654064, -0.2764041337342263, 0,
+      0.4222753664495061, -0.32335838244270004, 0,
+      0.4222857919761533, -0.3688752543904369, 0,
+      0.42302861074975273, -0.4135773062711681, 0,
+      0.4252883436504929, -0.45913529388961916, 0,
+      0.43041419356344196, -0.5039084469156575, 0,
+      0.43894265590008624, -0.5478806607498901, 0,
+      0.3947743388560489, -0.5612144923103543, 0,
+      0.3285218632899928, -0.5612144923103543, 0,
+      0.26226938772393676, -0.5612144923103543, 0,
+      0.21754122174429324, -0.5602536613236555, 0,
+      0.20325846149733615, -0.5177593977171104, 0,
+      0.20004484044177062, -0.473048930170217, 0,
+      0.2000448404417708, -0.42854185637442915, 0,
+      0.2000448404417708, -0.3829508964588046, 0,
+      0.2000448404417708, -0.338497837026977, 0,
+      0.2000448404417708, -0.2930794732741462, 0,
+      0.19831347893346174, -0.24822928885413564, 0,
+      0.1901443327619323, -0.2032063951826554, 0,
+      0.1729419961122693, -0.16207720314932358, 0,
+      0.1434694786656363, -0.12790719987683413, 0,
+      0.10381693438653836, -0.10598595665577183, 0,
+      0.06003237264284309, -0.09438782950258709, 0,
+      0.015367171860062081, -0.08960374185574554, 0,
+      -0.03378334114199325, -0.08897462454391655, 0,
+      -0.08059064568237256, -0.0889746245439167, 0,
+      -0.12739795022275172, -0.0889746245439167, 0,
+      -0.17420525476313087, -0.0889746245439167, 0,
+      -0.2210125593035102, -0.0889746245439167, 0,
+      -0.24441621157369986, -0.0889746245439167, 0
+    ],
+    [
+      -0.24441621157369986, 0.08880979626227155, 0,
+      -0.1785804182439083, 0.08880979626227155, 0,
+      -0.11274462491411673, 0.08880979626227155, 0,
+      -0.046908831584325024, 0.08880979626227155, 0,
+      -0.0019289742154090103, 0.08945002244799916, 0,
+      0.04258433779843872, 0.09483076785782611, 0,
+      0.0866141943560587, 0.10702067443408131, 0,
+      0.12670341922038977, 0.12644086873448787, 0,
+      0.16217240957295886, 0.15468027776005988, 0,
+      0.18703041413845728, 0.1918615558554294, 0,
+      0.1987639126702797, 0.2353082415287445, 0,
+      0.19933407439132492, 0.2806100884203692, 0,
+      0.1927014667062943, 0.3257448343018951, 0,
+      0.17625230953882717, 0.36797326129179453, 0,
+      0.1469513417449259, 0.40205551246301835, 0,
+      0.10691553102347585, 0.4233082967147869, 0,
+      0.06376554612055868, 0.4349279310283476, 0,
+      0.018492533001217063, 0.44125027479022805, 0,
+      -0.02705809994832284, 0.44397961197102304, 0,
+      -0.07378483582338555, 0.44437863787464804, 0,
+      -0.13066196107349037, 0.44437863787464804, 0,
+      -0.18753908632359503, 0.44437863787464804, 0,
+      -0.24441621157369986, 0.44437863787464804, 0,
+      -0.24441621157369986, 0.37326486955217286, 0,
+      -0.24441621157369986, 0.30215110122969746, 0,
+      -0.24441621157369986, 0.23103733290722228, 0,
+      -0.24441621157369986, 0.15992356458474674, 0,
+      -0.24441621157369986, 0.08880979626227155, 0
+    ],
+  ]
+};
+
+},{}],"chai":[function(require,module,exports){
+/* jshint node: true */
+
+// stub to let the browserified tests use the page-provided Chai
+module.exports = window.chai;
+
+},{}]},{},[1]);
diff --git a/test/browser/expectations-viewer.html b/test/browser/expectations-viewer.html
new file mode 100644
index 0000000..4ba598e
--- /dev/null
+++ b/test/browser/expectations-viewer.html
@@ -0,0 +1,50 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Expectations Viewer</title>
+    <style>
+      svg {
+        width: 500px;
+        height: 500px;
+        border: 1px solid red;
+      }
+      #input-contours path {
+        stroke: black;
+        stroke-width: 4;
+        stroke-linejoin: miter;
+        fill: none;
+      }
+      #input-contours path:hover {
+        stroke-width: 6;
+      }
+    </style>
+
+    <script src="../../third_party/node_modules/chai/chai.js"></script>
+    <script src="../../libtess.min.js"></script>
+    <script src="expectations-viewer-browserified.js"></script>
+    <script>
+
+    </script>
+  </head>
+  <body>
+    <section>
+      <label for="test-geometry">Test Geometry:</label>
+      <select id="test-geometry"></select>
+    </section>
+    <section>
+      <label for="output-types">Output Type:</label>
+      <select id="output-types"></select>
+    </section>
+    <section>
+      <label for="provide-normal">Provide Normal:</label>
+      <select id="provide-normal"></select>
+    </section>
+    <section>
+      <label for="winding-rule">Winding Rule:</label>
+      <select id="winding-rule"></select>
+    </section>
+
+    <svg id="input-contours"></svg>
+  </body>
+</html>
diff --git a/test/expectations-viewer.js b/test/expectations-viewer.js
new file mode 100644
index 0000000..5431301
--- /dev/null
+++ b/test/expectations-viewer.js
@@ -0,0 +1,146 @@
+/* jshint node: true */
+'use strict';
+
+var VIEW_BOUNDS_EXCESS = 0.05;
+
+var common = require('./common.js');
+
+// geometry tests are both in test/geometry/ and in third_party/test/geometry/
+var rfolder = require('./rfolder.js');
+var geometryFiles = rfolder('./geometry');
+var geometries = Object.keys(geometryFiles).map(function(filename) {
+  return geometryFiles[filename];
+});
+var thirdPartyFiles = rfolder('../third_party/test/geometry');
+var thirdPartyGeometries = Object.keys(thirdPartyFiles).map(function(filename) {
+  return thirdPartyFiles[filename];
+});
+geometries.push.apply(geometries, thirdPartyGeometries);
+
+var updateScheduled = false;
+var geometrySelect;
+var outputSelect;
+var provideNormalSelect;
+var windingSelect;
+var inputSvg;
+
+function init() {
+  geometrySelect = document.querySelector('#test-geometry');
+  outputSelect = document.querySelector('#output-types');
+  provideNormalSelect = document.querySelector('#provide-normal');
+  windingSelect = document.querySelector('#winding-rule');
+
+  inputSvg = document.querySelector('#input-contours');
+
+  optionsToOptions(geometries, geometrySelect);
+  optionsToOptions(common.OUTPUT_TYPES, outputSelect);
+  optionsToOptions(common.PROVIDE_NORMAL, provideNormalSelect);
+  // TODO(bckenny): maybe add this back when switch to more general transforms
+  // optionsToOptions(common.NORMALS, document.querySelector('#test-geometry'));
+  optionsToOptions(common.WINDING_RULES, windingSelect);
+
+  scheduleUpdate();
+}
+
+/**
+ * Schedule a redraw on next rAF. Coalesces multiple calls per frame.
+ */
+function scheduleUpdate() {
+  if (updateScheduled) {
+    return;
+  }
+
+  updateScheduled = true;
+  window.requestAnimationFrame(update);
+}
+
+/**
+ * Update rendering.
+ */
+function update() {
+  updateScheduled = false;
+
+  var geometry = geometries[parseInt(geometrySelect.value)];
+  var contours = geometry.value;
+
+  var bounds = getContourBounds(contours);
+
+  // NOTE(bckenny): could base this on actual offsetWidth *and* offsetHeight of
+  // element but...squares are easy. Also assumes all svg canvases are the same
+  // size.
+  var contoursSize = Math.max(bounds.maxX - bounds.minX,
+      bounds.maxY - bounds.minY) * (1 + VIEW_BOUNDS_EXCESS);
+  var scale = inputSvg.offsetWidth / contoursSize;
+  var dX = -scale * (bounds.minX + bounds.maxX - contoursSize) / 2;
+  var dY = scale * (bounds.minY + bounds.maxY + contoursSize) / 2;
+
+  // clear current content
+  while (inputSvg.firstChild) {
+    inputSvg.removeChild(inputSvg.firstChild);
+  }
+  // draw input contours
+  for (var i = 0; i < contours.length; i++) {
+    var contour = contours[i];
+    if (contour.length < 6) {
+      continue;
+    }
+
+    var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+    var pathString = 'M' + (contour[0] * scale + dX) + ',' +
+        (contour[1] * -scale + dY) + ' ';
+    for (var j = 3; j < contour.length; j += 3) {
+      pathString += 'L' + (contour[j] * scale + dX) + ',' +
+          (contour[j + 1] * -scale + dY) + ' ';
+    }
+    pathString += 'Z';
+    path.setAttribute('d', pathString);
+    inputSvg.appendChild(path);
+  }
+}
+
+/**
+ * Calculate the xy-bounds of a set of contours.
+ * @param {!Array<!Array<number>>} contours
+ * @return {{minX: number, maxX: number, minY: number, maxY: number}}
+ */
+function getContourBounds(contours) {
+  var minX = Number.MAX_VALUE;
+  var maxX = -Number.MAX_VALUE;
+  var minY = Number.MAX_VALUE;
+  var maxY = -Number.MAX_VALUE;
+
+  for (var i = 0; i < contours.length; i++) {
+    var contour = contours[i];
+    for (var j = 0; j < contour.length; j += 3) {
+      minX = Math.min(minX, contour[j]);
+      maxX = Math.max(maxX, contour[j]);
+      minY = Math.min(minY, contour[j + 1]);
+      maxY = Math.max(maxY, contour[j + 1]);
+    }
+  }
+
+  return {
+    minX: minX,
+    maxX: maxX,
+    minY: minY,
+    maxY: maxY
+  };
+}
+
+/**
+ * Add a set of options as the children of a HTMLSelectElement.
+ * @param {!Array<{name: string, value: *}>} options
+ * @param {!HTMLSelectElement} selectElement
+ */
+function optionsToOptions(options, selectElement) {
+  options.forEach(function(value, index) {
+    var opt = document.createElement('option');
+    opt.value = index;
+    opt.textContent = value.name;
+    selectElement.appendChild(opt);
+  });
+
+  selectElement.addEventListener('change', scheduleUpdate);
+}
+
+document.addEventListener('DOMContentLoaded', init, false);

From 454a4f5898934dec6f2c0102991228e271189fbb Mon Sep 17 00:00:00 2001
From: Brendan Kenny <bckenny@gmail.com>
Date: Fri, 7 Nov 2014 19:06:52 +1100
Subject: [PATCH 04/10] add triangulation to expectations viewer

---
 .../expectations-viewer-browserified.js       | 171 ++++++++++++++++--
 test/browser/expectations-viewer.html         |  25 ++-
 test/expectations-viewer.js                   |  84 ++++++++-
 3 files changed, 252 insertions(+), 28 deletions(-)

diff --git a/test/browser/expectations-viewer-browserified.js b/test/browser/expectations-viewer-browserified.js
index 2868966..1e1ac7f 100755
--- a/test/browser/expectations-viewer-browserified.js
+++ b/test/browser/expectations-viewer-browserified.js
@@ -8,9 +8,18 @@ module.exports = window.libtess;
 /* jshint node: true */
 'use strict';
 
-var VIEW_BOUNDS_EXCESS = 0.05;
+var VIEW_BOUNDS_EXCESS = 0.02;
+var NORMAL = {
+  name: 'xyPlane',
+  value: [0, 0, 1],
+};
 
 var common = require('./common.js');
+var libtess = common.libtess;
+var createTessellator = common.createInstrumentedTessellator;
+var tessellate = common.tessellate;
+
+var basetess = require('./expectations/libtess.baseline.js');
 
 // geometry tests are both in test/geometry/ and in third_party/test/geometry/
 var rfolder = require('./rfolder.js');
@@ -30,6 +39,8 @@ var outputSelect;
 var provideNormalSelect;
 var windingSelect;
 var inputSvg;
+var resultSvg;
+var expectationSvg;
 
 function init() {
   geometrySelect = document.querySelector('#test-geometry');
@@ -38,6 +49,8 @@ function init() {
   windingSelect = document.querySelector('#winding-rule');
 
   inputSvg = document.querySelector('#input-contours');
+  resultSvg = document.querySelector('#output-result');
+  expectationSvg = document.querySelector('#output-expectation');
 
   optionsToOptions(geometries, geometrySelect);
   optionsToOptions(common.OUTPUT_TYPES, outputSelect);
@@ -46,6 +59,9 @@ function init() {
   // optionsToOptions(common.NORMALS, document.querySelector('#test-geometry'));
   optionsToOptions(common.WINDING_RULES, windingSelect);
 
+  // pick a more interesting default geometry
+  geometrySelect.children[2].selected = true;
+
   scheduleUpdate();
 }
 
@@ -71,6 +87,10 @@ function update() {
   var contours = geometry.value;
 
   var bounds = getContourBounds(contours);
+  var i;
+  var j;
+  var path;
+  var pathString;
 
   // NOTE(bckenny): could base this on actual offsetWidth *and* offsetHeight of
   // element but...squares are easy. Also assumes all svg canvases are the same
@@ -86,23 +106,73 @@ function update() {
     inputSvg.removeChild(inputSvg.firstChild);
   }
   // draw input contours
-  for (var i = 0; i < contours.length; i++) {
+  for (i = 0; i < contours.length; i++) {
     var contour = contours[i];
     if (contour.length < 6) {
       continue;
     }
 
-    var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-    var pathString = 'M' + (contour[0] * scale + dX) + ',' +
-        (contour[1] * -scale + dY) + ' ';
-    for (var j = 3; j < contour.length; j += 3) {
+    path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+    pathString = 'M' + (contour[0] * scale + dX) + ',' +
+        (contour[1] * -scale + dY);
+    for (j = 3; j < contour.length; j += 3) {
       pathString += 'L' + (contour[j] * scale + dX) + ',' +
-          (contour[j + 1] * -scale + dY) + ' ';
+          (contour[j + 1] * -scale + dY);
     }
     pathString += 'Z';
     path.setAttribute('d', pathString);
     inputSvg.appendChild(path);
   }
+
+  var outputType = common.OUTPUT_TYPES[parseInt(outputSelect.value)];
+  var provideNormal =
+      common.PROVIDE_NORMAL[parseInt(provideNormalSelect.value)];
+  var windingRule = common.WINDING_RULES[parseInt(windingSelect.value)];
+
+  // result
+  var tessellator = createTessellator(libtess, outputType);
+  var results = tessellate(tessellator, geometry.value, outputType,
+      provideNormal, NORMAL, windingRule);
+
+  // expectation
+  var baselineTessellator = createTessellator(basetess, outputType);
+  var expectation = tessellate(baselineTessellator, geometry.value, outputType,
+      provideNormal, NORMAL, windingRule);
+
+  if (outputType.value) {
+    // TODO(bckenny)
+  } else {
+    drawTriangleResults(resultSvg, results, scale, dX, dY);
+    drawTriangleResults(expectationSvg, expectation, scale, dX, dY);
+  }
+}
+
+function drawTriangleResults(svgCanvas, results, scale, dX, dY) {
+  // clear current content
+  while (svgCanvas.firstChild) {
+    svgCanvas.removeChild(svgCanvas.firstChild);
+  }
+  // draw input contours
+  for (var i = 0; i < results.length; i++) {
+    var result = results[i];
+    if (result.length < 9) {
+      throw new Error('result with invalid geometry emitted');
+    }
+
+    var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+    var pathString = '';
+    for (var j = 0; j < result.length; j += 9) {
+      pathString += 'M' + (result[j] * scale + dX) + ',' +
+          (result[j + 1] * -scale + dY) +
+          'L' + (result[j + 3] * scale + dX) + ',' +
+          (result[j + 4] * -scale + dY) +
+          'L' + (result[j + 6] * scale + dX) + ',' +
+          (result[j + 7] * -scale + dY) +
+          'Z';
+    }
+    path.setAttribute('d', pathString);
+    svgCanvas.appendChild(path);
+  }
 }
 
 /**
@@ -152,7 +222,7 @@ function optionsToOptions(options, selectElement) {
 
 document.addEventListener('DOMContentLoaded', init, false);
 
-},{"./../third_party/test/geometry/poly2tri-dude.js":11,"./../third_party/test/geometry/roboto-registered.js":12,"./common.js":3,"./geometry/degenerate-hourglass.js":4,"./geometry/hourglass.js":5,"./geometry/letter-e.js":6,"./geometry/shared-borders.js":7,"./geometry/shared-edge-triangles.js":8,"./geometry/two-opposite-triangles.js":9,"./geometry/two-triangles.js":10,"./rfolder.js":2}],2:[function(require,module,exports){
+},{"./../third_party/test/geometry/poly2tri-dude.js":12,"./../third_party/test/geometry/roboto-registered.js":13,"./common.js":3,"./expectations/libtess.baseline.js":4,"./geometry/degenerate-hourglass.js":5,"./geometry/hourglass.js":6,"./geometry/letter-e.js":7,"./geometry/shared-borders.js":8,"./geometry/shared-edge-triangles.js":9,"./geometry/two-opposite-triangles.js":10,"./geometry/two-triangles.js":11,"./rfolder.js":2}],2:[function(require,module,exports){
 
 },{}],3:[function(require,module,exports){
 /* jshint node: true */
@@ -444,6 +514,75 @@ exports.createPlaneRotation = function(normal) {
 };
 
 },{"../libtess.cat.js":undefined,"../libtess.min.js":undefined,"chai":undefined}],4:[function(require,module,exports){
+/*
+
+ Copyright 2000, Silicon Graphics, Inc. All Rights Reserved.
+ Copyright 2014, Google Inc. All Rights Reserved.
+
+ Permission is hereby granted, free of charge, to any person obtaining a copy
+ of this software and associated documentation files (the "Software"), to
+ deal in the Software without restriction, including without limitation the
+ rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ sell copies of the Software, and to permit persons to whom the Software is
+ furnished to do so, subject to the following conditions:
+
+ The above copyright notice including the dates of first publication and
+ either this permission notice or a reference to http://oss.sgi.com/projects/FreeB/
+ shall be included in all copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
+ SILICON GRAPHICS, INC. BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+ WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR
+ IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+ Original Code. The Original Code is: OpenGL Sample Implementation,
+ Version 1.2.1, released January 26, 2000, developed by Silicon Graphics,
+ Inc. The Original Code is Copyright (c) 1991-2000 Silicon Graphics, Inc.
+ Copyright in any portions created by third parties is as indicated
+ elsewhere herein. All Rights Reserved.
+*/
+'use strict';var m;function s(a,b){return a.b===b.b&&a.a===b.a}function t(a,b){return a.b<b.b||a.b===b.b&&a.a<=b.a}function u(a,b,c){var d,e;d=b.b-a.b;e=c.b-b.b;return 0<d+e?d<e?b.a-a.a+d/(d+e)*(a.a-c.a):b.a-c.a+e/(d+e)*(c.a-a.a):0}function w(a,b,c){var d,e;d=b.b-a.b;e=c.b-b.b;return 0<d+e?(b.a-c.a)*d+(b.a-a.a)*e:0}function x(a,b){return a.a<b.a||a.a===b.a&&a.b<=b.b}function aa(a,b,c){var d,e;d=b.a-a.a;e=c.a-b.a;return 0<d+e?d<e?b.b-a.b+d/(d+e)*(a.b-c.b):b.b-c.b+e/(d+e)*(c.b-a.b):0}
+function ba(a,b,c){var d,e;d=b.a-a.a;e=c.a-b.a;return 0<d+e?(b.b-c.b)*d+(b.b-a.b)*e:0}function ca(a){return t(z(a),a.a)}function da(a){return t(a.a,z(a))}function A(a,b,c,d){a=0>a?0:a;c=0>c?0:c;return a<=c?0===c?(b+d)/2:b+a/(a+c)*(d-b):d+c/(a+c)*(b-d)};function ea(a){var b=fa(a.b);B(b,a.c);B(b.b,a.c);C(b,a.a);return b}function D(a,b){var c=!1,d=!1;a!==b&&(b.a!==a.a&&(d=!0,E(b.a,a.a)),b.c!==a.c&&(c=!0,F(b.c,a.c)),G(b,a),d||(B(b,a.a),a.a.c=a),c||(C(b,a.c),a.c.b=a))}function H(a){var b=a.b,c=!1;a.c!==I(a)&&(c=!0,F(a.c,I(a)));a.d===a?E(a.a,null):(I(a).b=J(a),a.a.c=a.d,G(a,J(a)),c||C(a,a.c));b.d===b?(E(b.a,null),F(b.c,null)):(a.c.b=J(b),b.a.c=b.d,G(b,J(b)));ga(a)}
+function K(a){var b=fa(a),c=b.b;G(b,a.e);b.a=z(a);B(c,b.a);b.c=c.c=a.c;b=b.b;G(a.b,J(a.b));G(a.b,b);a.b.a=b.a;z(b).c=b.b;b.b.c=I(a);b.g=a.g;b.b.g=a.b.g;return b}function L(a,b){var c=!1,d=fa(a),e=d.b;b.c!==a.c&&(c=!0,F(b.c,a.c));G(d,a.e);G(e,b);d.a=z(a);e.a=b.a;d.c=e.c=a.c;a.c.b=e;c||C(d,a.c);return d}function fa(a){var b=new M,c=new M,d=a.b.i;c.i=d;d.b.i=b;b.i=a;a.b.i=c;b.b=c;b.d=b;b.e=c;c.b=b;c.d=c;return c.e=b}function G(a,b){var c=a.d,d=b.d;c.b.e=b;d.b.e=a;a.d=d;b.d=c}
+function B(a,b){var c=b.g,d=new ha(b,c);c.e=d;b.g=d;c=d.c=a;do c.a=d,c=c.d;while(c!==a)}function C(a,b){var c=b.g,d=new ia(b,c);c.a=d;b.g=d;d.b=a;d.c=b.c;c=a;do c.c=d,c=c.e;while(c!==a)}function ga(a){var b=a.i;a=a.b.i;b.b.i=a;a.b.i=b}function E(a,b){var c=a.c,d=c;do d.a=b,d=d.d;while(d!==c);c=a.g;d=a.e;d.g=c;c.e=d}function F(a,b){var c=a.b,d=c;do d.c=b,d=d.e;while(d!==c);c=a.g;d=a.a;d.g=c;c.a=d};function ja(a,b){return a[0]*b[0]+a[1]*b[1]+a[2]*b[2]}function ka(a){var b=0;Math.abs(a[1])>Math.abs(a[0])&&(b=1);Math.abs(a[2])>Math.abs(a[b])&&(b=2);return b};function la(a){if(3>a.c)return!0;var b=[0,0,0];b[0]=a.i[0];b[1]=a.i[1];b[2]=a.i[2];0===b[0]&&0===b[1]&&0===b[2]&&ma(a,b,!1);var c=ma(a,b,!0);if(2===c)return!1;if(0===c)return!0;switch(a.B){case 100132:if(0>c)return!0;break;case 100133:if(0<c)return!0;break;case 100134:return!0}N(a,a.n?2:3<a.c?6:4);b=0+a.c;O(a,a.g[0].a);if(0<c)for(c=1;c<b;++c)O(a,a.g[c].a);else for(c=b-1;0<c;--c)O(a,a.g[c].a);P(a);return!0}function Q(a){return!a.c||a.d}function na(a){for(;null!==a;)a.d=!1,a=a.e}
+function oa(a){var b=new pa(0,null,qa),c=null,d;for(d=a;!Q(d.c);d=d.d)d.c.e=c,c=d.c,d.c.d=!0,++b.a;for(d=a;!Q(I(d));d=J(d))I(d).e=c,c=I(d),I(d).d=!0,++b.a;b.b=d;na(c);return b}
+function ra(a){var b=new pa(0,null,sa),c=0,d=0,e=null,f,g;for(f=a;!Q(f.c);++d,f=f.d){f.c.e=e;e=f.c;f.c.d=!0;++d;f=f.e.b;if(Q(f.c))break;f.c.e=e;e=f.c;f.c.d=!0}g=f;for(f=a;!Q(I(f));++c,f=f.b.d.b){I(f).e=e;e=I(f);I(f).d=!0;++c;f=J(f);if(Q(I(f)))break;I(f).e=e;e=I(f);I(f).d=!0}a=f;b.a=d+c;0===(d&1)?b.b=g.b:0===(c&1)?b.b=a:(--b.a,b.b=a.d);na(e);return b}function qa(a,b,c){N(a,6);O(a,b.a.d);for(O(a,z(b).d);!Q(b.c);)b.c.d=!0,--c,b=b.d,O(a,z(b).d);P(a)}
+function sa(a,b,c){N(a,5);O(a,b.a.d);for(O(a,z(b).d);!Q(b.c);){b.c.d=!0;--c;b=b.e.b;O(a,b.a.d);if(Q(b.c))break;b.c.d=!0;--c;b=b.d;O(a,z(b).d)}P(a)}function ta(a,b){b.c.e=a.m;a.m=b.c;b.c.d=!0}
+function ma(a,b,c){c||(b[0]=b[1]=b[2]=0);for(var d=0+a.c,e=1,f=a.g[0],g=a.g[e],n=g.f[0]-f.f[0],l=g.f[1]-f.f[1],k=g.f[2]-f.f[2],h=0;++e<d;){var g=a.g[e],p=n,r=l,v=k,n=g.f[0]-f.f[0],l=g.f[1]-f.f[1],k=g.f[2]-f.f[2],g=[0,0,0];g[0]=r*k-v*l;g[1]=v*n-p*k;g[2]=p*l-r*n;p=g[0]*b[0]+g[1]*b[1]+g[2]*b[2];if(!c)0<=p?(b[0]+=g[0],b[1]+=g[1],b[2]+=g[2]):(b[0]-=g[0],b[1]-=g[1],b[2]-=g[2]);else if(0!==p)if(0<p){if(0>h)return 2;h=1}else{if(0<h)return 2;h=-1}}return h};var R=4*1E150;function ua(a,b){a.g+=b.g;a.b.g+=b.b.g}function va(a,b,c){a=a.a;b=b.h;c=c.h;if(z(b)===a)return z(c)===a?t(b.a,c.a)?0>=w(z(c),b.a,c.a):0<=w(z(b),c.a,b.a):0>=w(z(c),a,c.a);if(z(c)===a)return 0<=w(z(b),a,b.a);b=u(z(b),a,b.a);a=u(z(c),a,c.a);return b>=a}function S(a){a.h.j=null;var b=a.d;b.a.c=b.c;b.c.a=b.a;a.d=null}function wa(a,b){H(a.h);a.b=!1;a.h=b;b.j=a}function xa(a){var b=a.h.a;do a=T(a);while(a.h.a===b);a.b&&(b=L(U(a).h.b,a.h.e),wa(a,b),a=T(a));return a}
+function ya(a){var b=z(a.h);do a=T(a);while(z(a.h)===b);return a}function za(a,b,c){var d=new Aa;d.h=c;d.d=Ba(a.k,b.d,d);return c.j=d}function Ca(a,b){switch(a.B){case 100130:return 0!==(b&1);case 100131:return 0!==b;case 100132:return 0<b;case 100133:return 0>b;case 100134:return 2<=b||-2>=b}return!1}function Da(a){var b=a.h,c=b.c;c.c=a.c;c.b=b;S(a)}
+function V(a,b){for(var c=a,d=a.h;c!==b;){c.b=!1;var e=U(c),f=e.h;if(f.a!==d.a){if(!e.b){Da(c);break}f=L(d.d.b,f.b);wa(e,f)}d.d!==f&&(D(J(f),f),D(d,f));Da(c);d=e.h;c=e}return d}function W(a,b,c,d,e,f){var g=!0;do za(a,b,c.b),c=c.d;while(c!==d);for(null===e&&(e=U(b).h.b.d);;){d=U(b);c=d.h.b;if(c.a!==e.a)break;c.d!==e&&(D(J(c),c),D(J(e),c));d.e=b.e-c.g;d.c=Ca(a,d.e);b.a=!0;!g&&Ea(a,b)&&(ua(c,e),S(b),H(e));g=!1;b=d;e=c}b.a=!0;f&&Fa(a,b)}
+function Ga(a,b,c,d,e){var f=[b.f[0],b.f[1],b.f[2]];b.d=null;var g;a.C?g=a.C(f,c,d,a.d):a.D&&(g=a.D(f,c,d));void 0===g&&(g=null);b.d=g;null===b.d&&(e?a.A||(X(a,100156),a.A=!0):b.d=c[0])}function Y(a,b,c){var d=[null,null,null,null];d[0]=b.a.d;d[1]=c.a.d;Ga(a,b.a,d,[.5,.5,0,0],!1);D(b,c)}
+function Ha(a,b,c,d,e){var f=Math.abs(b.b-a.b)+Math.abs(b.a-a.a),g=Math.abs(c.b-a.b)+Math.abs(c.a-a.a),n=e+1;d[e]=.5*g/(f+g);d[n]=.5*f/(f+g);a.f[0]+=d[e]*b.f[0]+d[n]*c.f[0];a.f[1]+=d[e]*b.f[1]+d[n]*c.f[1];a.f[2]+=d[e]*b.f[2]+d[n]*c.f[2]}
+function Ea(a,b){var c=U(b),d=b.h,e=c.h;if(t(d.a,e.a)){if(0<w(z(e),d.a,e.a))return!1;if(!s(d.a,e.a))K(e.b),D(d,J(e)),b.a=c.a=!0;else if(d.a!==e.a){var c=a.j,f=d.a.i;if(0<=f){var c=c.b,g=c.c,n=c.a,l=n[f].b;g[l].a=g[c.b].a;n[g[l].a].b=l;l<=--c.b&&(1>=l||c.g(n[g[l>>1].a].a,n[g[l].a].a)?Ia(c,l):Ja(c,l));n[f].a=null;n[f].b=c.d;c.d=f}else for(c.c[-(f+1)]=null;0<c.a&&null===c.c[c.d[c.a-1]];)--c.a;Y(a,J(e),d)}}else{if(0>w(z(d),e.a,d.a))return!1;T(b).a=b.a=!0;K(d.b);D(J(e),d)}return!0}
+function Ka(a,b){var c=U(b),d=b.h,e=c.h,f=d.a,g=e.a,n=z(d),l=z(e),k=new ha;w(n,a.a,f);w(l,a.a,g);if(f===g||Math.min(f.a,n.a)>Math.max(g.a,l.a))return!1;if(t(f,g)){if(0<w(l,f,g))return!1}else if(0>w(n,g,f))return!1;var h=n,p=f,r=l,v=g,q,y;t(h,p)||(q=h,h=p,p=q);t(r,v)||(q=r,r=v,v=q);t(h,r)||(q=h,h=r,r=q,q=p,p=v,v=q);t(r,p)?t(p,v)?(q=u(h,r,p),y=u(r,p,v),0>q+y&&(q=-q,y=-y),k.b=A(q,r.b,y,p.b)):(q=w(h,r,p),y=-w(h,v,p),0>q+y&&(q=-q,y=-y),k.b=A(q,r.b,y,v.b)):k.b=(r.b+p.b)/2;x(h,p)||(q=h,h=p,p=q);x(r,v)||
+(q=r,r=v,v=q);x(h,r)||(q=h,h=r,r=q,q=p,p=v,v=q);x(r,p)?x(p,v)?(q=aa(h,r,p),y=aa(r,p,v),0>q+y&&(q=-q,y=-y),k.a=A(q,r.a,y,p.a)):(q=ba(h,r,p),y=-ba(h,v,p),0>q+y&&(q=-q,y=-y),k.a=A(q,r.a,y,v.a)):k.a=(r.a+p.a)/2;t(k,a.a)&&(k.b=a.a.b,k.a=a.a.a);h=t(f,g)?f:g;t(h,k)&&(k.b=h.b,k.a=h.a);if(s(k,f)||s(k,g))return Ea(a,b),!1;if(!s(n,a.a)&&0<=w(n,a.a,k)||!s(l,a.a)&&0>=w(l,a.a,k)){if(l===a.a)return K(d.b),D(e.b,d),b=xa(b),d=U(b).h,V(U(b),c),W(a,b,J(d),d,d,!0),!0;if(n===a.a)return K(e.b),D(d.e,J(e)),c=b,b=ya(b),
+f=U(b).h.b.d,c.h=J(e),e=V(c,null),W(a,b,e.d,d.b.d,f,!0),!0;0<=w(n,a.a,k)&&(T(b).a=b.a=!0,K(d.b),d.a.b=a.a.b,d.a.a=a.a.a);0>=w(l,a.a,k)&&(b.a=c.a=!0,K(e.b),e.a.b=a.a.b,e.a.a=a.a.a);return!1}K(d.b);K(e.b);D(J(e),d);d.a.b=k.b;d.a.a=k.a;d.a.i=La(a.j,d.a);d=d.a;e=[0,0,0,0];k=[f.d,n.d,g.d,l.d];d.f[0]=d.f[1]=d.f[2]=0;Ha(d,f,n,e,0);Ha(d,g,l,e,2);Ga(a,d,k,e,!0);T(b).a=b.a=c.a=!0;return!1}
+function Fa(a,b){for(var c=U(b);;){for(;c.a;)b=c,c=U(c);if(!b.a&&(c=b,b=T(b),null===b||!b.a))break;b.a=!1;var d=b.h,e=c.h,f;if(f=z(d)!==z(e))a:{f=b;var g=U(f),n=f.h,l=g.h,k=void 0;if(t(z(n),z(l))){if(0>w(z(n),z(l),n.a)){f=!1;break a}T(f).a=f.a=!0;k=K(n);D(l.b,k);k.c.c=f.c}else{if(0<w(z(l),z(n),l.a)){f=!1;break a}f.a=g.a=!0;k=K(l);D(n.e,l.b);I(k).c=f.c}f=!0}f&&(c.b?(S(c),H(e),c=U(b),e=c.h):b.b&&(S(b),H(d),b=T(c),d=b.h));if(d.a!==e.a)if(z(d)===z(e)||b.b||c.b||z(d)!==a.a&&z(e)!==a.a)Ea(a,b);else if(Ka(a,
+b))break;d.a===e.a&&z(d)===z(e)&&(ua(e,d),S(b),H(d),b=T(c))}}
+function Ma(a,b){a.a=b;for(var c=b.c;null===c.j;)if(c=c.d,c===b.c){var c=a,d=b,e=new Aa;e.h=d.c.b;var f=c.k,g=f.a;do g=g.a;while(null!==g.b&&!f.c(f.b,e,g.b));var f=g.b,n=U(f),e=f.h,g=n.h;if(0===w(z(e),d,e.a))if(e=f.h,s(e.a,d))Y(c,e,d.c);else if(s(z(e),d)){var f=ya(f),e=U(f),g=e.h.b,l=n=g.d;e.b&&(S(e),H(g),g=J(n));D(d.c,g);ca(n)||(n=null);W(c,f,g.d,l,n,!0)}else K(e.b),f.b&&(H(e.d),f.b=!1),D(d.c,e),Ma(c,d);else l=t(z(g),z(e))?f:n,n=void 0,f.c||l.b?(l===f?n=L(d.c.b,e.e):n=L(g.b.d.b,d.c).b,l.b?wa(l,n):
+(e=c,f=za(c,f,n),f.e=T(f).e+f.h.g,f.c=Ca(e,f.e)),Ma(c,d)):W(c,f,d.c,d.c,null,!0);return}c=xa(c.j);e=U(c);f=e.h;e=V(e,null);if(e.d===f){var f=e,e=f.d,g=U(c),n=c.h,l=g.h,k=!1;z(n)!==z(l)&&Ka(a,c);s(n.a,a.a)&&(D(J(e),n),c=xa(c),e=U(c).h,V(U(c),g),k=!0);s(l.a,a.a)&&(D(f,J(l)),f=V(g,null),k=!0);k?W(a,c,f.d,e,e,!0):(t(l.a,n.a)?d=J(l):d=n,d=L(f.d.b,d),W(a,c,d,d.d,d.d,!1),d.b.j.b=!0,Fa(a,c))}else W(a,c,e.d,f,f,!0)}
+function Na(a,b){var c=new Aa,d=ea(a.b);d.a.b=R;d.a.a=b;z(d).b=-R;z(d).a=b;a.a=z(d);c.h=d;c.e=0;c.c=!1;c.b=!1;c.g=!0;c.a=!1;d=a.k;d=Ba(d,d.a,c);c.d=d};function Oa(a){this.a=new Pa;this.a.a=this.a;this.a.c=this.a;this.b=a;this.c=va}function Ba(a,b,c){do b=b.c;while(null!==b.b&&!a.c(a.b,b.b,c));a=new Pa;a.b=c;a.a=b.a;b.a.c=a;a.c=b;return b.a=a};function Pa(){this.c=this.a=this.b=null};function Qa(){this.f=[0,0,0];this.a=null};function Z(){this.e=0;this.G=this.b=this.p=null;this.i=[0,0,0];this.L=[0,0,0];this.l=[0,0,0];this.H=0;this.B=100130;this.A=!1;this.D=this.a=this.j=this.k=null;this.n=this.o=!1;this.d=this.C=this.F=this.u=this.x=this.s=this.q=this.w=this.v=this.y=this.t=this.r=this.m=null;this.z=!1;this.c=0;this.g=Array(100);for(var a=0;100>a;a++)this.g[a]=new Qa}m=Z.prototype;m.M=function(){$(this,0)};
+m.R=function(a,b){switch(a){case 100142:if(0>b||1<b)break;this.H=b;return;case 100140:switch(b){case 100130:case 100131:case 100132:case 100133:case 100134:this.B=b;return}break;case 100141:this.n=!!b;return;default:X(this,100900);return}X(this,100901)};m.N=function(a){switch(a){case 100142:return this.H;case 100140:return this.B;case 100141:return this.n;default:X(this,100900)}return!1};m.Q=function(a,b,c){this.i[0]=a;this.i[1]=b;this.i[2]=c};
+m.O=function(a,b){var c=b?b:null;switch(a){case 100100:this.r=c;break;case 100106:this.q=c;break;case 100104:this.t=c;this.o=!!c;break;case 100110:this.s=c;this.o=!!c;break;case 100101:this.y=c;break;case 100107:this.x=c;break;case 100102:this.v=c;break;case 100108:this.u=c;break;case 100103:this.G=c;break;case 100109:this.F=c;break;case 100105:this.D=c;break;case 100111:this.C=c;break;case 100112:this.w=c;break;default:X(this,100900)}};
+m.S=function(a,b){var c=!1,d=[0,0,0];$(this,2);this.z&&(Ra(this),this.p=null);for(var e=0;3>e;++e){var f=a[e];-1E150>f&&(f=-1E150,c=!0);1E150<f&&(f=1E150,c=!0);d[e]=f}c&&X(this,100155);if(null===this.b){if(100>this.c){c=this.g[this.c];c.a=b;c.f[0]=d[0];c.f[1]=d[1];c.f[2]=d[2];++this.c;return}Ra(this)}Sa(this,d,b)};m.J=function(a){$(this,0);this.e=1;this.c=0;this.z=!1;this.b=null;this.d=a};m.I=function(){$(this,1);this.e=2;this.p=null;0<this.c&&(this.z=!0)};m.K=function(){$(this,2);this.e=1};
+m.P=function(){$(this,1);this.e=0;if(null===this.b){if(!this.o&&!this.w&&la(this)){this.d=null;return}Ra(this)}var a=!1,b=[0,0,0];b[0]=this.i[0];b[1]=this.i[1];b[2]=this.i[2];if(0===b[0]&&0===b[1]&&0===b[2]){var c=[0,0,0],d=[0,0,0],a=[0,0,0],e=[0,0,0],f=[0,0,0];c[0]=c[1]=c[2]=-2*1E150;d[0]=d[1]=d[2]=2*1E150;var g=Array(3),n=Array(3),l,k,h=this.b.c;for(k=h.e;k!==h;k=k.e)for(l=0;3>l;++l){var p=k.f[l];p<d[l]&&(d[l]=p,n[l]=k);p>c[l]&&(c[l]=p,g[l]=k)}l=0;c[1]-d[1]>c[0]-d[0]&&(l=1);c[2]-d[2]>c[l]-d[l]&&
+(l=2);if(d[l]>=c[l])b[0]=0,b[1]=0,b[2]=1;else{c=0;k=n[l];g=g[l];a[0]=k.f[0]-g.f[0];a[1]=k.f[1]-g.f[1];a[2]=k.f[2]-g.f[2];for(k=h.e;k!==h;k=k.e)e[0]=k.f[0]-g.f[0],e[1]=k.f[1]-g.f[1],e[2]=k.f[2]-g.f[2],f[0]=a[1]*e[2]-a[2]*e[1],f[1]=a[2]*e[0]-a[0]*e[2],f[2]=a[0]*e[1]-a[1]*e[0],l=f[0]*f[0]+f[1]*f[1]+f[2]*f[2],l>c&&(c=l,b[0]=f[0],b[1]=f[1],b[2]=f[2]);0>=c&&(b[0]=b[1]=b[2]=0,b[ka(a)]=1)}a=!0}e=this.L;f=this.l;h=ka(b);e[h]=0;e[(h+1)%3]=1;e[(h+2)%3]=0;f[h]=0;f[(h+1)%3]=0<b[h]?-0:0;f[(h+2)%3]=0<b[h]?1:-1;
+b=this.b.c;for(h=b.e;h!==b;h=h.e)h.b=ja(h.f,e),h.a=ja(h.f,f);if(a){b=0;a=this.b.a;for(e=a.a;e!==a;e=e.a)if(f=e.b,!(0>=f.g)){do b+=(f.a.b-z(f).b)*(f.a.a+z(f).a),f=f.e;while(f!==e.b)}if(0>b){b=this.b.c;for(a=b.e;a!==b;a=a.e)a.a=-a.a;this.l[0]=-this.l[0];this.l[1]=-this.l[1];this.l[2]=-this.l[2]}}this.A=!1;b=this.b.b;for(e=b.i;e!==b;e=a)if(a=e.i,f=e.e,s(e.a,z(e))&&e.e.e!==e&&(Y(this,f,e),H(e),e=f,f=e.e),f.e===e){if(f!==e){if(f===a||f===a.b)a=a.i;H(f)}if(e===a||e===a.b)a=a.i;H(e)}this.j=b=new Ta;a=this.b.c;
+for(e=a.e;e!==a;e=e.e)e.i=La(b,e);Ua(b);this.k=new Oa(this);Na(this,-R);for(Na(this,R);null!==(b=Va(this.j));){for(;;){a:if(a=this.j,0===a.a)a=Wa(a.b);else{e=a.c[a.d[a.a-1]];if(0!==a.b.b&&(f=Wa(a.b),a.g(f,e))){a=f;break a}a=e}if(null===a||!s(a,b))break;a=Va(this.j);Y(this,b.c,a.c)}Ma(this,b)}this.a=this.k.a.a.b.h.a;for(b=0;null!==(a=this.k.a.a.b);)a.g||++b,S(a);this.k=null;b=this.j;a=b.b;a.a=null;a.c=null;b.b=null;b.d=null;this.j=b.c=null;b=this.b;for(e=b.a.a;e!==b.a;e=a)a=e.a,e=e.b,e.e.e===e&&(ua(e.d,
+e),H(e));if(!this.A){if(this.n)for(b=this.b,e=b.b.i;e!==b.b;e=a)a=e.i,I(e).c!==e.c.c?e.g=e.c.c?1:-1:H(e);else for(b=this.b,e=b.a.a;e!==b.a;e=a)if(a=e.a,e.c){for(e=e.b;t(z(e),e.a);e=e.d.b);for(;t(e.a,z(e));e=e.e);f=e.d.b;for(h=void 0;e.e!==f;)if(t(z(e),f.a)){for(;f.e!==e&&(ca(f.e)||0>=w(f.a,z(f),z(f.e)));)h=L(f.e,f),f=h.b;f=f.d.b}else{for(;f.e!==e&&(da(e.d.b)||0<=w(z(e),e.a,e.d.b.a));)h=L(e,e.d.b),e=h.b;e=e.e}for(;f.e.e!==e;)h=L(f.e,f),f=h.b}if(this.r||this.v||this.y||this.t||this.q||this.u||this.x||
+this.s)if(this.n)for(b=this.b,a=b.a.a;a!==b.a;a=a.a){if(a.c){N(this,2);e=a.b;do O(this,e.a.d),e=e.e;while(e!==a.b);P(this)}}else{b=this.b;this.m=null;for(a=b.a.a;a!==b.a;a=a.a)a.d=!1;for(a=b.a.a;a!==b.a;a=a.a)a.c&&!a.d&&(e=a.b,f=new pa(1,e,ta),h=void 0,this.o||(h=oa(e),h.a>f.a&&(f=h),h=oa(e.e),h.a>f.a&&(f=h),h=oa(e.d.b),h.a>f.a&&(f=h),h=ra(e),h.a>f.a&&(f=h),h=ra(e.e),h.a>f.a&&(f=h),h=ra(e.d.b),h.a>f.a&&(f=h)),f.c(this,f.b,f.a));if(null!==this.m){b=-1;a=this.m;for(N(this,4);null!==a;a=a.e){e=a.b;do this.o&&
+(f=I(e).c?0:1,b!==f&&(b=f,f=!!b,this.s?this.s(f,this.d):this.t&&this.t(f))),O(this,e.a.d),e=e.e;while(e!==a.b)}P(this);this.m=null}}if(this.w){b=this.b;for(e=b.a.a;e!==b.a;e=a)if(a=e.a,!e.c){f=e.b;h=f.e;k=void 0;do k=h,h=k.e,k.c=null,null===I(k)&&(k.d===k?E(k.a,null):(k.a.c=k.d,G(k,J(k))),g=k.b,g.d===g?E(g.a,null):(g.a.c=g.d,G(g,J(g))),ga(k));while(k!==f);f=e.g;e=e.a;e.g=f;f.a=e}this.w(this.b);this.d=this.b=null;return}}this.b=this.d=null};
+function $(a,b){if(a.e!==b)for(;a.e!==b;)if(a.e<b)switch(a.e){case 0:X(a,100151);a.J(null);break;case 1:X(a,100152),a.I()}else switch(a.e){case 2:X(a,100154);a.K();break;case 1:X(a,100153);var c=a;c.e=0;c.p=null;c.b=null}}function Sa(a,b,c){var d=a.p;null===d?(d=ea(a.b),D(d,d.b)):(K(d),d=d.e);d.a.d=c;d.a.f[0]=b[0];d.a.f[1]=b[1];d.a.f[2]=b[2];d.g=1;d.b.g=-1;a.p=d}function Ra(a){a.b=new Xa;for(var b=0;b<a.c;b++){var c=a.g[b];Sa(a,c.f,c.a)}a.c=0;a.z=!1}function N(a,b){a.q?a.q(b,a.d):a.r&&a.r(b)}
+function O(a,b){a.x?a.x(b,a.d):a.y&&a.y(b)}function P(a){a.u?a.u(a.d):a.v&&a.v()}function X(a,b){a.F?a.F(b,a.d):a.G&&a.G(b)};function ia(a,b){this.a=a||this;this.g=b||this;this.e=this.b=null;this.c=this.d=!1};function M(){this.i=this;this.j=this.c=this.a=this.e=this.d=this.b=null;this.g=0}function I(a){return a.b.c}function z(a){return a.b.a}function J(a){return a.b.e};function Xa(){this.c=new ha;this.a=new ia;this.b=new M;this.d=new M;this.b.b=this.d;this.d.b=this.b};function ha(a,b){this.e=a||this;this.g=b||this;this.d=this.c=null;this.f=[0,0,0];this.a=this.b=0;this.i=null};function Ya(){this.a=null;this.b=0}function Za(a,b){var c=Array(b),d=0;if(null!==a)for(;d<a.length;d++)c[d]=a[d];for(;d<b;d++)c[d]=new Ya;return c};function $a(){this.a=0}function ab(a,b){var c=Array(b),d=0;if(null!==a)for(;d<a.length;d++)c[d]=a[d];for(;d<b;d++)c[d]=new $a;return c};function Ta(){this.c=bb(null,32);this.d=null;this.a=0;this.e=32;this.i=!1;this.g=t;this.b=new cb(this.g)}function Ua(a){a.d=[];for(var b=0;b<a.a;b++)a.d[b]=b;a.d.sort(function(a,b){return function(e,f){return b(a[e],a[f])?1:-1}}(a.c,a.g));a.e=a.a;a.i=!0;db(a.b)}
+function La(a,b){if(a.i){var c=a.b,d=++c.b;2*d>c.e&&(c.e*=2,c.c=ab(c.c,c.e+1),c.a=Za(c.a,c.e+1));var e;0===c.d?e=d:(e=c.d,c.d=c.a[e].b);c.c[d].a=e;c.a[e].b=d;c.a[e].a=b;c.i&&Ja(c,d);return e}c=a.a;++a.a>=a.e&&(a.e*=2,a.c=bb(a.c,a.e));a.c[c]=b;return-(c+1)}function bb(a,b){var c=Array(b),d=0;if(null!==a)for(;d<a.length;d++)c[d]=a[d];for(;d<b;d++)c[d]=null;return c}
+function Va(a){if(0===a.a)return eb(a.b);var b=a.c[a.d[a.a-1]];if(0!==a.b.b&&a.g(Wa(a.b),b))return eb(a.b);do--a.a;while(0<a.a&&null===a.c[a.d[a.a-1]]);return b};function cb(a){this.c=ab(null,33);this.a=Za(null,33);this.b=0;this.e=32;this.d=0;this.i=!1;this.g=a;this.c[1].a=1}function db(a){for(var b=a.b;1<=b;--b)Ia(a,b);a.i=!0}function Wa(a){return a.a[a.c[1].a].a}function eb(a){var b=a.c,c=a.a,d=b[1].a,e=c[d].a;0<a.b&&(b[1].a=b[a.b].a,c[b[1].a].b=1,c[d].a=null,c[d].b=a.d,a.d=d,0<--a.b&&Ia(a,1));return e}
+function Ia(a,b){for(var c=a.c,d=a.a,e=c[b].a;;){var f=b<<1;f<a.b&&a.g(d[c[f+1].a].a,d[c[f].a].a)&&++f;var g=c[f].a;if(f>a.b||a.g(d[e].a,d[g].a)){c[b].a=e;d[e].b=b;break}c[b].a=g;d[g].b=b;b=f}}function Ja(a,b){for(var c=a.c,d=a.a,e=c[b].a;;){var f=b>>1,g=c[f].a;if(0===f||a.g(d[g].a,d[e].a)){c[b].a=e;d[e].b=b;break}c[b].a=g;d[g].b=b;b=f}};function pa(a,b,c){this.a=a;this.b=b;this.c=c};function Aa(){this.d=this.h=null;this.e=0;this.b=this.a=this.g=this.c=!1}function U(a){return a.d.c.b}function T(a){return a.d.a.b};this.libtess={GluTesselator:Z,windingRule:{GLU_TESS_WINDING_ODD:100130,GLU_TESS_WINDING_NONZERO:100131,GLU_TESS_WINDING_POSITIVE:100132,GLU_TESS_WINDING_NEGATIVE:100133,GLU_TESS_WINDING_ABS_GEQ_TWO:100134},primitiveType:{GL_LINE_LOOP:2,GL_TRIANGLES:4,GL_TRIANGLE_STRIP:5,GL_TRIANGLE_FAN:6},errorType:{GLU_TESS_MISSING_BEGIN_POLYGON:100151,GLU_TESS_MISSING_END_POLYGON:100153,GLU_TESS_MISSING_BEGIN_CONTOUR:100152,GLU_TESS_MISSING_END_CONTOUR:100154,GLU_TESS_COORD_TOO_LARGE:100155,GLU_TESS_NEED_COMBINE_CALLBACK:100156},
+gluEnum:{GLU_TESS_MESH:100112,GLU_TESS_TOLERANCE:100142,GLU_TESS_WINDING_RULE:100140,GLU_TESS_BOUNDARY_ONLY:100141,GLU_INVALID_ENUM:100900,GLU_INVALID_VALUE:100901,GLU_TESS_BEGIN:100100,GLU_TESS_VERTEX:100101,GLU_TESS_END:100102,GLU_TESS_ERROR:100103,GLU_TESS_EDGE_FLAG:100104,GLU_TESS_COMBINE:100105,GLU_TESS_BEGIN_DATA:100106,GLU_TESS_VERTEX_DATA:100107,GLU_TESS_END_DATA:100108,GLU_TESS_ERROR_DATA:100109,GLU_TESS_EDGE_FLAG_DATA:100110,GLU_TESS_COMBINE_DATA:100111}};Z.prototype.gluDeleteTess=Z.prototype.M;
+Z.prototype.gluTessProperty=Z.prototype.R;Z.prototype.gluGetTessProperty=Z.prototype.N;Z.prototype.gluTessNormal=Z.prototype.Q;Z.prototype.gluTessCallback=Z.prototype.O;Z.prototype.gluTessVertex=Z.prototype.S;Z.prototype.gluTessBeginPolygon=Z.prototype.J;Z.prototype.gluTessBeginContour=Z.prototype.I;Z.prototype.gluTessEndContour=Z.prototype.K;Z.prototype.gluTessEndPolygon=Z.prototype.P; if (typeof module !== 'undefined') { module.exports = this.libtess; }
+
+},{}],5:[function(require,module,exports){
 /* jshint node: true */
 
 module.exports = {
@@ -464,7 +603,7 @@ module.exports = {
   ]
 };
 
-},{}],5:[function(require,module,exports){
+},{}],6:[function(require,module,exports){
 /* jshint node: true */
 
 module.exports = {
@@ -481,7 +620,7 @@ module.exports = {
   ]
 };
 
-},{}],6:[function(require,module,exports){
+},{}],7:[function(require,module,exports){
 /* jshint node: true */
 
 module.exports = {
@@ -506,7 +645,7 @@ module.exports = {
   ]
 };
 
-},{}],7:[function(require,module,exports){
+},{}],8:[function(require,module,exports){
 /* jshint node: true */
 
 module.exports = {
@@ -547,7 +686,7 @@ module.exports = {
   ]
 };
 
-},{}],8:[function(require,module,exports){
+},{}],9:[function(require,module,exports){
 /* jshint node: true */
 
 module.exports = {
@@ -569,7 +708,7 @@ module.exports = {
   ]
 };
 
-},{}],9:[function(require,module,exports){
+},{}],10:[function(require,module,exports){
 /* jshint node: true */
 
 module.exports = {
@@ -590,7 +729,7 @@ module.exports = {
   ]
 };
 
-},{}],10:[function(require,module,exports){
+},{}],11:[function(require,module,exports){
 /* jshint node: true */
 
 module.exports = {
@@ -611,7 +750,7 @@ module.exports = {
   ]
 };
 
-},{}],11:[function(require,module,exports){
+},{}],12:[function(require,module,exports){
 /**
  * Poly2Tri Copyright (c) 2009-2010, Poly2Tri Contributors
  * http://code.google.com/p/poly2tri/
@@ -764,7 +903,7 @@ module.exports = {
   ]
 };
 
-},{}],12:[function(require,module,exports){
+},{}],13:[function(require,module,exports){
 /**
  * Copyright (C) 2008 The Android Open Source Project
  * https://developer.android.com/design/style/typography.html
diff --git a/test/browser/expectations-viewer.html b/test/browser/expectations-viewer.html
index 4ba598e..6ffca02 100644
--- a/test/browser/expectations-viewer.html
+++ b/test/browser/expectations-viewer.html
@@ -3,20 +3,31 @@
   <head>
     <meta charset="utf-8">
     <title>Expectations Viewer</title>
+    <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
     <style>
+      html {
+        font-family: 'Roboto', sans-serif;
+      }
       svg {
         width: 500px;
         height: 500px;
-        border: 1px solid red;
+        stroke-linejoin: bevel;
+        stroke: black;
+        background-color: #dfd8c6;
       }
       #input-contours path {
-        stroke: black;
-        stroke-width: 4;
-        stroke-linejoin: miter;
+        stroke-width: 1;
         fill: none;
       }
       #input-contours path:hover {
-        stroke-width: 6;
+        stroke-width: 2;
+      }
+      .output {
+        stroke-width: 1;
+        fill: #99a994;
+      }
+      .output path:hover {
+        
       }
     </style>
 
@@ -46,5 +57,9 @@
     </section>
 
     <svg id="input-contours"></svg>
+    <section>
+      <svg id="output-result" class="output"></svg>
+      <svg id="output-expectation" class="output"></svg>
+    </section>
   </body>
 </html>
diff --git a/test/expectations-viewer.js b/test/expectations-viewer.js
index 5431301..4cfca90 100644
--- a/test/expectations-viewer.js
+++ b/test/expectations-viewer.js
@@ -1,9 +1,18 @@
 /* jshint node: true */
 'use strict';
 
-var VIEW_BOUNDS_EXCESS = 0.05;
+var VIEW_BOUNDS_EXCESS = 0.02;
+var NORMAL = {
+  name: 'xyPlane',
+  value: [0, 0, 1],
+};
 
 var common = require('./common.js');
+var libtess = common.libtess;
+var createTessellator = common.createInstrumentedTessellator;
+var tessellate = common.tessellate;
+
+var basetess = require('./expectations/libtess.baseline.js');
 
 // geometry tests are both in test/geometry/ and in third_party/test/geometry/
 var rfolder = require('./rfolder.js');
@@ -23,6 +32,8 @@ var outputSelect;
 var provideNormalSelect;
 var windingSelect;
 var inputSvg;
+var resultSvg;
+var expectationSvg;
 
 function init() {
   geometrySelect = document.querySelector('#test-geometry');
@@ -31,6 +42,8 @@ function init() {
   windingSelect = document.querySelector('#winding-rule');
 
   inputSvg = document.querySelector('#input-contours');
+  resultSvg = document.querySelector('#output-result');
+  expectationSvg = document.querySelector('#output-expectation');
 
   optionsToOptions(geometries, geometrySelect);
   optionsToOptions(common.OUTPUT_TYPES, outputSelect);
@@ -39,6 +52,9 @@ function init() {
   // optionsToOptions(common.NORMALS, document.querySelector('#test-geometry'));
   optionsToOptions(common.WINDING_RULES, windingSelect);
 
+  // pick a more interesting default geometry
+  geometrySelect.children[2].selected = true;
+
   scheduleUpdate();
 }
 
@@ -64,6 +80,10 @@ function update() {
   var contours = geometry.value;
 
   var bounds = getContourBounds(contours);
+  var i;
+  var j;
+  var path;
+  var pathString;
 
   // NOTE(bckenny): could base this on actual offsetWidth *and* offsetHeight of
   // element but...squares are easy. Also assumes all svg canvases are the same
@@ -79,23 +99,73 @@ function update() {
     inputSvg.removeChild(inputSvg.firstChild);
   }
   // draw input contours
-  for (var i = 0; i < contours.length; i++) {
+  for (i = 0; i < contours.length; i++) {
     var contour = contours[i];
     if (contour.length < 6) {
       continue;
     }
 
-    var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-    var pathString = 'M' + (contour[0] * scale + dX) + ',' +
-        (contour[1] * -scale + dY) + ' ';
-    for (var j = 3; j < contour.length; j += 3) {
+    path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+    pathString = 'M' + (contour[0] * scale + dX) + ',' +
+        (contour[1] * -scale + dY);
+    for (j = 3; j < contour.length; j += 3) {
       pathString += 'L' + (contour[j] * scale + dX) + ',' +
-          (contour[j + 1] * -scale + dY) + ' ';
+          (contour[j + 1] * -scale + dY);
     }
     pathString += 'Z';
     path.setAttribute('d', pathString);
     inputSvg.appendChild(path);
   }
+
+  var outputType = common.OUTPUT_TYPES[parseInt(outputSelect.value)];
+  var provideNormal =
+      common.PROVIDE_NORMAL[parseInt(provideNormalSelect.value)];
+  var windingRule = common.WINDING_RULES[parseInt(windingSelect.value)];
+
+  // result
+  var tessellator = createTessellator(libtess, outputType);
+  var results = tessellate(tessellator, geometry.value, outputType,
+      provideNormal, NORMAL, windingRule);
+
+  // expectation
+  var baselineTessellator = createTessellator(basetess, outputType);
+  var expectation = tessellate(baselineTessellator, geometry.value, outputType,
+      provideNormal, NORMAL, windingRule);
+
+  if (outputType.value) {
+    // TODO(bckenny)
+  } else {
+    drawTriangleResults(resultSvg, results, scale, dX, dY);
+    drawTriangleResults(expectationSvg, expectation, scale, dX, dY);
+  }
+}
+
+function drawTriangleResults(svgCanvas, results, scale, dX, dY) {
+  // clear current content
+  while (svgCanvas.firstChild) {
+    svgCanvas.removeChild(svgCanvas.firstChild);
+  }
+  // draw input contours
+  for (var i = 0; i < results.length; i++) {
+    var result = results[i];
+    if (result.length < 9) {
+      throw new Error('result with invalid geometry emitted');
+    }
+
+    var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+    var pathString = '';
+    for (var j = 0; j < result.length; j += 9) {
+      pathString += 'M' + (result[j] * scale + dX) + ',' +
+          (result[j + 1] * -scale + dY) +
+          'L' + (result[j + 3] * scale + dX) + ',' +
+          (result[j + 4] * -scale + dY) +
+          'L' + (result[j + 6] * scale + dX) + ',' +
+          (result[j + 7] * -scale + dY) +
+          'Z';
+    }
+    path.setAttribute('d', pathString);
+    svgCanvas.appendChild(path);
+  }
 }
 
 /**

From eae86751c2df1b7218d7c1733824ef7b7ce88981 Mon Sep 17 00:00:00 2001
From: Brendan Kenny <bckenny@gmail.com>
Date: Sat, 8 Nov 2014 17:49:08 +1100
Subject: [PATCH 05/10] update some styling

---
 test/browser/expectations-viewer.html | 29 ++++++++++++++++++++-------
 test/expectations-viewer.js           |  9 +++++++++
 2 files changed, 31 insertions(+), 7 deletions(-)

diff --git a/test/browser/expectations-viewer.html b/test/browser/expectations-viewer.html
index 6ffca02..189ea0c 100644
--- a/test/browser/expectations-viewer.html
+++ b/test/browser/expectations-viewer.html
@@ -8,9 +8,18 @@
       html {
         font-family: 'Roboto', sans-serif;
       }
-      svg {
+      .viewer {
         width: 500px;
         height: 500px;
+        display: inline-block;
+      }
+      .viewer span {
+        position: absolute;
+        text-shadow: 0 0 8px #dfd8c6, 0 0 4px #dfd8c6, 0 0 2px #dfd8c6, 0 0 1px #dfd8c6;
+      }
+      svg {
+        width: 100%;
+        height: 100%;
         stroke-linejoin: bevel;
         stroke: black;
         background-color: #dfd8c6;
@@ -26,9 +35,6 @@
         stroke-width: 1;
         fill: #99a994;
       }
-      .output path:hover {
-        
-      }
     </style>
 
     <script src="../../third_party/node_modules/chai/chai.js"></script>
@@ -56,10 +62,19 @@
       <select id="winding-rule"></select>
     </section>
 
-    <svg id="input-contours"></svg>
+    <div class="viewer">
+      <span>Input Contours</span>
+      <svg id="input-contours"></svg>
+    </div>
     <section>
-      <svg id="output-result" class="output"></svg>
-      <svg id="output-expectation" class="output"></svg>
+      <div class="viewer">
+        <span>Output</span>
+        <svg id="output-result" class="output"></svg>
+      </div>
+      <div class="viewer">
+        <span>Expectation</span>
+        <svg id="output-expectation" class="output"></svg>
+      </div>
     </section>
   </body>
 </html>
diff --git a/test/expectations-viewer.js b/test/expectations-viewer.js
index 4cfca90..51a9dbe 100644
--- a/test/expectations-viewer.js
+++ b/test/expectations-viewer.js
@@ -140,6 +140,15 @@ function update() {
   }
 }
 
+/**
+ * Draw triangulation results to the supplied svgCanvas with the specified
+ * transformation.
+ * @param {!SVGElement} svgCanvas
+ * @param {!Array<!Array<number>>} results
+ * @param {number} scale
+ * @param {number} dX
+ * @param {number} dY
+ */
 function drawTriangleResults(svgCanvas, results, scale, dX, dY) {
   // clear current content
   while (svgCanvas.firstChild) {

From 23344cdd7c4af7cd13d79ad43de1f324c2fd0cf3 Mon Sep 17 00:00:00 2001
From: Brendan Kenny <bckenny@gmail.com>
Date: Sat, 8 Nov 2014 19:13:46 +1100
Subject: [PATCH 06/10] add boundary view to expectations viewer

---
 .../expectations-viewer-browserified.js       | 227 ++++++++++++++----
 test/browser/expectations-viewer.html         |  54 +++--
 test/expectations-viewer.js                   | 218 +++++++++++++----
 3 files changed, 378 insertions(+), 121 deletions(-)

diff --git a/test/browser/expectations-viewer-browserified.js b/test/browser/expectations-viewer-browserified.js
index 1e1ac7f..e9f6466 100755
--- a/test/browser/expectations-viewer-browserified.js
+++ b/test/browser/expectations-viewer-browserified.js
@@ -8,12 +8,6 @@ module.exports = window.libtess;
 /* jshint node: true */
 'use strict';
 
-var VIEW_BOUNDS_EXCESS = 0.02;
-var NORMAL = {
-  name: 'xyPlane',
-  value: [0, 0, 1],
-};
-
 var common = require('./common.js');
 var libtess = common.libtess;
 var createTessellator = common.createInstrumentedTessellator;
@@ -33,34 +27,43 @@ var thirdPartyGeometries = Object.keys(thirdPartyFiles).map(function(filename) {
 });
 geometries.push.apply(geometries, thirdPartyGeometries);
 
+var TRIANGULATION = common.OUTPUT_TYPES[0];
+var BOUNDARIES = common.OUTPUT_TYPES[1];
+var VIEW_BOUNDS_EXCESS = 0.02;
+// NOTE(bckenny): compute the normal for all tests in the expectation viewer.
+var PROVIDE_NORMAL = common.PROVIDE_NORMAL[1];
+// TODO(bckenny): maybe add this back when switch to more general transforms
+// optionsToOptions(common.NORMALS, document.querySelector('#test-geometry'));
+var NORMAL = {
+  name: 'xyPlane',
+  value: [0, 0, 1],
+};
+var DEFAULT_SELECTED = 3;
+
 var updateScheduled = false;
 var geometrySelect;
-var outputSelect;
-var provideNormalSelect;
 var windingSelect;
 var inputSvg;
 var resultSvg;
 var expectationSvg;
+var boundaryResultSvg;
+var boundaryExpectationSvg;
 
 function init() {
   geometrySelect = document.querySelector('#test-geometry');
-  outputSelect = document.querySelector('#output-types');
-  provideNormalSelect = document.querySelector('#provide-normal');
   windingSelect = document.querySelector('#winding-rule');
 
   inputSvg = document.querySelector('#input-contours');
-  resultSvg = document.querySelector('#output-result');
-  expectationSvg = document.querySelector('#output-expectation');
+  resultSvg = document.querySelector('#triangulation-result');
+  expectationSvg = document.querySelector('#triangulation-expectation');
+  boundaryResultSvg = document.querySelector('#boundaries-result');
+  boundaryExpectationSvg = document.querySelector('#boundaries-expectation');
 
   optionsToOptions(geometries, geometrySelect);
-  optionsToOptions(common.OUTPUT_TYPES, outputSelect);
-  optionsToOptions(common.PROVIDE_NORMAL, provideNormalSelect);
-  // TODO(bckenny): maybe add this back when switch to more general transforms
-  // optionsToOptions(common.NORMALS, document.querySelector('#test-geometry'));
   optionsToOptions(common.WINDING_RULES, windingSelect);
 
   // pick a more interesting default geometry
-  geometrySelect.children[2].selected = true;
+  geometrySelect.children[DEFAULT_SELECTED].selected = true;
 
   scheduleUpdate();
 }
@@ -87,10 +90,6 @@ function update() {
   var contours = geometry.value;
 
   var bounds = getContourBounds(contours);
-  var i;
-  var j;
-  var path;
-  var pathString;
 
   // NOTE(bckenny): could base this on actual offsetWidth *and* offsetHeight of
   // element but...squares are easy. Also assumes all svg canvases are the same
@@ -101,65 +100,92 @@ function update() {
   var dX = -scale * (bounds.minX + bounds.maxX - contoursSize) / 2;
   var dY = scale * (bounds.minY + bounds.maxY + contoursSize) / 2;
 
+  drawContourInput(inputSvg, contours, scale, dX, dY);
+
+  var windingRule = common.WINDING_RULES[parseInt(windingSelect.value)];
+
+  // triangulation result
+  var tessellator = createTessellator(libtess, TRIANGULATION);
+  var results = tessellate(tessellator, geometry.value, TRIANGULATION,
+      PROVIDE_NORMAL, NORMAL, windingRule);
+  drawTriangleResults(resultSvg, results, scale, dX, dY);
+
+  // expectation
+  var baselineTessellator = createTessellator(basetess, TRIANGULATION);
+  var expectation = tessellate(baselineTessellator, geometry.value,
+      TRIANGULATION, PROVIDE_NORMAL, NORMAL, windingRule);
+  drawTriangleResults(expectationSvg, expectation, scale, dX, dY);
+
+  // boundary result
+  tessellator = createTessellator(libtess, BOUNDARIES);
+  var boundaryResults = tessellate(tessellator, geometry.value, BOUNDARIES,
+      PROVIDE_NORMAL, NORMAL, windingRule);
+  drawBoundaryResults(boundaryResultSvg, boundaryResults, scale, dX, dY);
+
+  // boundary expectation
+  baselineTessellator = createTessellator(basetess, BOUNDARIES);
+  var boundaryExpectation = tessellate(baselineTessellator, geometry.value,
+      BOUNDARIES, PROVIDE_NORMAL, NORMAL, windingRule);
+  drawBoundaryResults(boundaryExpectationSvg, boundaryExpectation, scale, dX,
+      dY);
+}
+
+/**
+ * Draw the input contours on the supplied svgCanvas with the specified
+ * transformation.
+ * @param {!SVGElement} svgCanvas
+ * @param {!Array<!Array<number>>} contours
+ * @param {number} scale
+ * @param {number} dX
+ * @param {number} dY
+ */
+function drawContourInput(svgCanvas, contours, scale, dX, dY) {
   // clear current content
-  while (inputSvg.firstChild) {
-    inputSvg.removeChild(inputSvg.firstChild);
+  while (svgCanvas.firstChild) {
+    svgCanvas.removeChild(svgCanvas.firstChild);
   }
   // draw input contours
-  for (i = 0; i < contours.length; i++) {
+  for (var i = 0; i < contours.length; i++) {
     var contour = contours[i];
     if (contour.length < 6) {
       continue;
     }
 
-    path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-    pathString = 'M' + (contour[0] * scale + dX) + ',' +
+    var pathString = 'M' + (contour[0] * scale + dX) + ',' +
         (contour[1] * -scale + dY);
-    for (j = 3; j < contour.length; j += 3) {
+    for (var j = 3; j < contour.length; j += 3) {
       pathString += 'L' + (contour[j] * scale + dX) + ',' +
           (contour[j + 1] * -scale + dY);
     }
     pathString += 'Z';
-    path.setAttribute('d', pathString);
-    inputSvg.appendChild(path);
-  }
-
-  var outputType = common.OUTPUT_TYPES[parseInt(outputSelect.value)];
-  var provideNormal =
-      common.PROVIDE_NORMAL[parseInt(provideNormalSelect.value)];
-  var windingRule = common.WINDING_RULES[parseInt(windingSelect.value)];
-
-  // result
-  var tessellator = createTessellator(libtess, outputType);
-  var results = tessellate(tessellator, geometry.value, outputType,
-      provideNormal, NORMAL, windingRule);
 
-  // expectation
-  var baselineTessellator = createTessellator(basetess, outputType);
-  var expectation = tessellate(baselineTessellator, geometry.value, outputType,
-      provideNormal, NORMAL, windingRule);
-
-  if (outputType.value) {
-    // TODO(bckenny)
-  } else {
-    drawTriangleResults(resultSvg, results, scale, dX, dY);
-    drawTriangleResults(expectationSvg, expectation, scale, dX, dY);
+    var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+    path.setAttribute('d', pathString);
+    svgCanvas.appendChild(path);
   }
 }
 
+/**
+ * Draw triangulation results to the supplied svgCanvas with the specified
+ * transformation.
+ * @param {!SVGElement} svgCanvas
+ * @param {!Array<!Array<number>>} results
+ * @param {number} scale
+ * @param {number} dX
+ * @param {number} dY
+ */
 function drawTriangleResults(svgCanvas, results, scale, dX, dY) {
   // clear current content
   while (svgCanvas.firstChild) {
     svgCanvas.removeChild(svgCanvas.firstChild);
   }
-  // draw input contours
+  // draw triangles
   for (var i = 0; i < results.length; i++) {
     var result = results[i];
     if (result.length < 9) {
       throw new Error('result with invalid geometry emitted');
     }
 
-    var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
     var pathString = '';
     for (var j = 0; j < result.length; j += 9) {
       pathString += 'M' + (result[j] * scale + dX) + ',' +
@@ -170,11 +196,108 @@ function drawTriangleResults(svgCanvas, results, scale, dX, dY) {
           (result[j + 7] * -scale + dY) +
           'Z';
     }
+
+    var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
     path.setAttribute('d', pathString);
     svgCanvas.appendChild(path);
   }
 }
 
+/**
+ * Draw boundary results to the supplied svgCanvas with the specified
+ * transformation.
+ * @param {!SVGElement} svgCanvas
+ * @param {!Array<!Array<number>>} results
+ * @param {number} scale
+ * @param {number} dX
+ * @param {number} dY
+ */
+function drawBoundaryResults(svgCanvas, results, scale, dX, dY) {
+  // clear current content
+  while (svgCanvas.firstChild) {
+    svgCanvas.removeChild(svgCanvas.firstChild);
+  }
+  var j;
+  var result;
+  var path;
+  var pathString;
+  var clockwise;
+  var title;
+
+  // draw boundaries
+  for (var i = 0; i < results.length; i++) {
+    result = results[i];
+    if (result.length < 9) {
+      throw new Error('result with invalid geometry emitted');
+    }
+
+    pathString = 'M' + (result[0] * scale + dX) + ',' +
+        (result[1] * -scale + dY);
+    for (j = 3; j < result.length; j += 3) {
+      pathString += 'L' + (result[j] * scale + dX) + ',' +
+          (result[j + 1] * -scale + dY);
+    }
+    pathString += 'Z';
+
+    clockwise = isClockwise(result);
+
+    path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+    path.setAttribute('d', pathString);
+    path.setAttribute('class', clockwise ? 'clockwise' : 'anticlockwise');
+    title = document.createElementNS('http://www.w3.org/2000/svg', 'title');
+    title.textContent = (clockwise ? 'clockwise' : 'anticlockwise') + ' path';
+
+    path.appendChild(title);
+    svgCanvas.appendChild(path);
+  }
+
+  // add a center black stroke
+  for (i = 0; i < results.length; i++) {
+    result = results[i];
+    if (result.length < 9) {
+      throw new Error('result with invalid geometry emitted');
+    }
+
+    pathString = 'M' + (result[0] * scale + dX) + ',' +
+        (result[1] * -scale + dY);
+    for (j = 3; j < result.length; j += 3) {
+      pathString += 'L' + (result[j] * scale + dX) + ',' +
+          (result[j + 1] * -scale + dY);
+    }
+    pathString += 'Z';
+
+    path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+    path.setAttribute('d', pathString);
+    path.setAttribute('class', 'center-stroke');
+
+    clockwise = isClockwise(result);
+    title = document.createElementNS('http://www.w3.org/2000/svg', 'title');
+    title.textContent = (clockwise ? 'clockwise' : 'anticlockwise') + ' path';
+
+    path.appendChild(title);
+    svgCanvas.appendChild(path);
+  }
+}
+
+/**
+ * Returns true if the non-intersecting contour (representing a simple polygon)
+ * is wound clockwise.
+ * @param {!Array<number>} contour
+ * @return {boolean}
+ */
+function isClockwise(contour) {
+  // Gauss's area formula/shoelace formula
+  var area = 0;
+  for (var i = 0; i < contour.length; i += 3) {
+    var x1 = contour[i];
+    var y1 = contour[i + 1];
+    var x2 = contour[(i + 3) % contour.length];
+    var y2 = contour[(i + 4) % contour.length];
+    area += (x1 * y2 - x2 * y1);
+  }
+  return area > 0;
+}
+
 /**
  * Calculate the xy-bounds of a set of contours.
  * @param {!Array<!Array<number>>} contours
diff --git a/test/browser/expectations-viewer.html b/test/browser/expectations-viewer.html
index 189ea0c..36cda64 100644
--- a/test/browser/expectations-viewer.html
+++ b/test/browser/expectations-viewer.html
@@ -15,26 +15,44 @@
       }
       .viewer span {
         position: absolute;
+        margin-left: .25em;
         text-shadow: 0 0 8px #dfd8c6, 0 0 4px #dfd8c6, 0 0 2px #dfd8c6, 0 0 1px #dfd8c6;
       }
       svg {
         width: 100%;
         height: 100%;
-        stroke-linejoin: bevel;
-        stroke: black;
         background-color: #dfd8c6;
-      }
-      #input-contours path {
+        stroke: black;
         stroke-width: 1;
+        stroke-linejoin: bevel;
+      }
+      #input-contours {
         fill: none;
+        stroke-width: 2;
       }
       #input-contours path:hover {
-        stroke-width: 2;
+        stroke-width: 3;
       }
-      .output {
-        stroke-width: 1;
+      .triangulation {
         fill: #99a994;
       }
+      .boundaries {
+        fill: none;
+        stroke-width: 8;
+      }
+      .clockwise:hover, .anticlockwise:hover {
+        stroke-width: 10;
+      }
+      .clockwise {
+        stroke: #99a994;
+      }
+      .anticlockwise {
+        stroke: #9f4f45;
+      }
+      .center-stroke {
+        stroke: black;
+        stroke-width: 1;
+      }
     </style>
 
     <script src="../../third_party/node_modules/chai/chai.js"></script>
@@ -49,14 +67,6 @@
       <label for="test-geometry">Test Geometry:</label>
       <select id="test-geometry"></select>
     </section>
-    <section>
-      <label for="output-types">Output Type:</label>
-      <select id="output-types"></select>
-    </section>
-    <section>
-      <label for="provide-normal">Provide Normal:</label>
-      <select id="provide-normal"></select>
-    </section>
     <section>
       <label for="winding-rule">Winding Rule:</label>
       <select id="winding-rule"></select>
@@ -69,11 +79,21 @@
     <section>
       <div class="viewer">
         <span>Output</span>
-        <svg id="output-result" class="output"></svg>
+        <svg id="triangulation-result" class="triangulation"></svg>
       </div>
       <div class="viewer">
         <span>Expectation</span>
-        <svg id="output-expectation" class="output"></svg>
+        <svg id="triangulation-expectation" class="triangulation"></svg>
+      </div>
+    </section>
+    <section>
+      <div class="viewer">
+        <span>Output Boundaries</span>
+        <svg id="boundaries-result" class="boundaries"></svg>
+      </div>
+      <div class="viewer">
+        <span>Expectation Boundaries</span>
+        <svg id="boundaries-expectation" class="boundaries"></svg>
       </div>
     </section>
   </body>
diff --git a/test/expectations-viewer.js b/test/expectations-viewer.js
index 51a9dbe..d70bbba 100644
--- a/test/expectations-viewer.js
+++ b/test/expectations-viewer.js
@@ -1,12 +1,6 @@
 /* jshint node: true */
 'use strict';
 
-var VIEW_BOUNDS_EXCESS = 0.02;
-var NORMAL = {
-  name: 'xyPlane',
-  value: [0, 0, 1],
-};
-
 var common = require('./common.js');
 var libtess = common.libtess;
 var createTessellator = common.createInstrumentedTessellator;
@@ -26,34 +20,43 @@ var thirdPartyGeometries = Object.keys(thirdPartyFiles).map(function(filename) {
 });
 geometries.push.apply(geometries, thirdPartyGeometries);
 
+var TRIANGULATION = common.OUTPUT_TYPES[0];
+var BOUNDARIES = common.OUTPUT_TYPES[1];
+var VIEW_BOUNDS_EXCESS = 0.02;
+// NOTE(bckenny): compute the normal for all tests in the expectation viewer.
+var PROVIDE_NORMAL = common.PROVIDE_NORMAL[1];
+// TODO(bckenny): maybe add this back when switch to more general transforms
+// optionsToOptions(common.NORMALS, document.querySelector('#test-geometry'));
+var NORMAL = {
+  name: 'xyPlane',
+  value: [0, 0, 1],
+};
+var DEFAULT_SELECTED = 3;
+
 var updateScheduled = false;
 var geometrySelect;
-var outputSelect;
-var provideNormalSelect;
 var windingSelect;
 var inputSvg;
 var resultSvg;
 var expectationSvg;
+var boundaryResultSvg;
+var boundaryExpectationSvg;
 
 function init() {
   geometrySelect = document.querySelector('#test-geometry');
-  outputSelect = document.querySelector('#output-types');
-  provideNormalSelect = document.querySelector('#provide-normal');
   windingSelect = document.querySelector('#winding-rule');
 
   inputSvg = document.querySelector('#input-contours');
-  resultSvg = document.querySelector('#output-result');
-  expectationSvg = document.querySelector('#output-expectation');
+  resultSvg = document.querySelector('#triangulation-result');
+  expectationSvg = document.querySelector('#triangulation-expectation');
+  boundaryResultSvg = document.querySelector('#boundaries-result');
+  boundaryExpectationSvg = document.querySelector('#boundaries-expectation');
 
   optionsToOptions(geometries, geometrySelect);
-  optionsToOptions(common.OUTPUT_TYPES, outputSelect);
-  optionsToOptions(common.PROVIDE_NORMAL, provideNormalSelect);
-  // TODO(bckenny): maybe add this back when switch to more general transforms
-  // optionsToOptions(common.NORMALS, document.querySelector('#test-geometry'));
   optionsToOptions(common.WINDING_RULES, windingSelect);
 
   // pick a more interesting default geometry
-  geometrySelect.children[2].selected = true;
+  geometrySelect.children[DEFAULT_SELECTED].selected = true;
 
   scheduleUpdate();
 }
@@ -80,10 +83,6 @@ function update() {
   var contours = geometry.value;
 
   var bounds = getContourBounds(contours);
-  var i;
-  var j;
-  var path;
-  var pathString;
 
   // NOTE(bckenny): could base this on actual offsetWidth *and* offsetHeight of
   // element but...squares are easy. Also assumes all svg canvases are the same
@@ -94,49 +93,68 @@ function update() {
   var dX = -scale * (bounds.minX + bounds.maxX - contoursSize) / 2;
   var dY = scale * (bounds.minY + bounds.maxY + contoursSize) / 2;
 
+  drawContourInput(inputSvg, contours, scale, dX, dY);
+
+  var windingRule = common.WINDING_RULES[parseInt(windingSelect.value)];
+
+  // triangulation result
+  var tessellator = createTessellator(libtess, TRIANGULATION);
+  var results = tessellate(tessellator, geometry.value, TRIANGULATION,
+      PROVIDE_NORMAL, NORMAL, windingRule);
+  drawTriangleResults(resultSvg, results, scale, dX, dY);
+
+  // expectation
+  var baselineTessellator = createTessellator(basetess, TRIANGULATION);
+  var expectation = tessellate(baselineTessellator, geometry.value,
+      TRIANGULATION, PROVIDE_NORMAL, NORMAL, windingRule);
+  drawTriangleResults(expectationSvg, expectation, scale, dX, dY);
+
+  // boundary result
+  tessellator = createTessellator(libtess, BOUNDARIES);
+  var boundaryResults = tessellate(tessellator, geometry.value, BOUNDARIES,
+      PROVIDE_NORMAL, NORMAL, windingRule);
+  drawBoundaryResults(boundaryResultSvg, boundaryResults, scale, dX, dY);
+
+  // boundary expectation
+  baselineTessellator = createTessellator(basetess, BOUNDARIES);
+  var boundaryExpectation = tessellate(baselineTessellator, geometry.value,
+      BOUNDARIES, PROVIDE_NORMAL, NORMAL, windingRule);
+  drawBoundaryResults(boundaryExpectationSvg, boundaryExpectation, scale, dX,
+      dY);
+}
+
+/**
+ * Draw the input contours on the supplied svgCanvas with the specified
+ * transformation.
+ * @param {!SVGElement} svgCanvas
+ * @param {!Array<!Array<number>>} contours
+ * @param {number} scale
+ * @param {number} dX
+ * @param {number} dY
+ */
+function drawContourInput(svgCanvas, contours, scale, dX, dY) {
   // clear current content
-  while (inputSvg.firstChild) {
-    inputSvg.removeChild(inputSvg.firstChild);
+  while (svgCanvas.firstChild) {
+    svgCanvas.removeChild(svgCanvas.firstChild);
   }
   // draw input contours
-  for (i = 0; i < contours.length; i++) {
+  for (var i = 0; i < contours.length; i++) {
     var contour = contours[i];
     if (contour.length < 6) {
       continue;
     }
 
-    path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-    pathString = 'M' + (contour[0] * scale + dX) + ',' +
+    var pathString = 'M' + (contour[0] * scale + dX) + ',' +
         (contour[1] * -scale + dY);
-    for (j = 3; j < contour.length; j += 3) {
+    for (var j = 3; j < contour.length; j += 3) {
       pathString += 'L' + (contour[j] * scale + dX) + ',' +
           (contour[j + 1] * -scale + dY);
     }
     pathString += 'Z';
-    path.setAttribute('d', pathString);
-    inputSvg.appendChild(path);
-  }
 
-  var outputType = common.OUTPUT_TYPES[parseInt(outputSelect.value)];
-  var provideNormal =
-      common.PROVIDE_NORMAL[parseInt(provideNormalSelect.value)];
-  var windingRule = common.WINDING_RULES[parseInt(windingSelect.value)];
-
-  // result
-  var tessellator = createTessellator(libtess, outputType);
-  var results = tessellate(tessellator, geometry.value, outputType,
-      provideNormal, NORMAL, windingRule);
-
-  // expectation
-  var baselineTessellator = createTessellator(basetess, outputType);
-  var expectation = tessellate(baselineTessellator, geometry.value, outputType,
-      provideNormal, NORMAL, windingRule);
-
-  if (outputType.value) {
-    // TODO(bckenny)
-  } else {
-    drawTriangleResults(resultSvg, results, scale, dX, dY);
-    drawTriangleResults(expectationSvg, expectation, scale, dX, dY);
+    var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+    path.setAttribute('d', pathString);
+    svgCanvas.appendChild(path);
   }
 }
 
@@ -154,14 +172,13 @@ function drawTriangleResults(svgCanvas, results, scale, dX, dY) {
   while (svgCanvas.firstChild) {
     svgCanvas.removeChild(svgCanvas.firstChild);
   }
-  // draw input contours
+  // draw triangles
   for (var i = 0; i < results.length; i++) {
     var result = results[i];
     if (result.length < 9) {
       throw new Error('result with invalid geometry emitted');
     }
 
-    var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
     var pathString = '';
     for (var j = 0; j < result.length; j += 9) {
       pathString += 'M' + (result[j] * scale + dX) + ',' +
@@ -172,9 +189,106 @@ function drawTriangleResults(svgCanvas, results, scale, dX, dY) {
           (result[j + 7] * -scale + dY) +
           'Z';
     }
+
+    var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+    path.setAttribute('d', pathString);
+    svgCanvas.appendChild(path);
+  }
+}
+
+/**
+ * Draw boundary results to the supplied svgCanvas with the specified
+ * transformation.
+ * @param {!SVGElement} svgCanvas
+ * @param {!Array<!Array<number>>} results
+ * @param {number} scale
+ * @param {number} dX
+ * @param {number} dY
+ */
+function drawBoundaryResults(svgCanvas, results, scale, dX, dY) {
+  // clear current content
+  while (svgCanvas.firstChild) {
+    svgCanvas.removeChild(svgCanvas.firstChild);
+  }
+  var j;
+  var result;
+  var path;
+  var pathString;
+  var clockwise;
+  var title;
+
+  // draw boundaries
+  for (var i = 0; i < results.length; i++) {
+    result = results[i];
+    if (result.length < 9) {
+      throw new Error('result with invalid geometry emitted');
+    }
+
+    pathString = 'M' + (result[0] * scale + dX) + ',' +
+        (result[1] * -scale + dY);
+    for (j = 3; j < result.length; j += 3) {
+      pathString += 'L' + (result[j] * scale + dX) + ',' +
+          (result[j + 1] * -scale + dY);
+    }
+    pathString += 'Z';
+
+    clockwise = isClockwise(result);
+
+    path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
     path.setAttribute('d', pathString);
+    path.setAttribute('class', clockwise ? 'clockwise' : 'anticlockwise');
+    title = document.createElementNS('http://www.w3.org/2000/svg', 'title');
+    title.textContent = (clockwise ? 'clockwise' : 'anticlockwise') + ' path';
+
+    path.appendChild(title);
     svgCanvas.appendChild(path);
   }
+
+  // add a center black stroke
+  for (i = 0; i < results.length; i++) {
+    result = results[i];
+    if (result.length < 9) {
+      throw new Error('result with invalid geometry emitted');
+    }
+
+    pathString = 'M' + (result[0] * scale + dX) + ',' +
+        (result[1] * -scale + dY);
+    for (j = 3; j < result.length; j += 3) {
+      pathString += 'L' + (result[j] * scale + dX) + ',' +
+          (result[j + 1] * -scale + dY);
+    }
+    pathString += 'Z';
+
+    path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+    path.setAttribute('d', pathString);
+    path.setAttribute('class', 'center-stroke');
+
+    clockwise = isClockwise(result);
+    title = document.createElementNS('http://www.w3.org/2000/svg', 'title');
+    title.textContent = (clockwise ? 'clockwise' : 'anticlockwise') + ' path';
+
+    path.appendChild(title);
+    svgCanvas.appendChild(path);
+  }
+}
+
+/**
+ * Returns true if the non-intersecting contour (representing a simple polygon)
+ * is wound clockwise.
+ * @param {!Array<number>} contour
+ * @return {boolean}
+ */
+function isClockwise(contour) {
+  // Gauss's area formula/shoelace formula
+  var area = 0;
+  for (var i = 0; i < contour.length; i += 3) {
+    var x1 = contour[i];
+    var y1 = contour[i + 1];
+    var x2 = contour[(i + 3) % contour.length];
+    var y2 = contour[(i + 4) % contour.length];
+    area += (x1 * y2 - x2 * y1);
+  }
+  return area > 0;
 }
 
 /**

From a27e40f1ecaf026a456a17da5607e760b5eeab2d Mon Sep 17 00:00:00 2001
From: Brendan Kenny <bckenny@gmail.com>
Date: Sat, 8 Nov 2014 21:20:22 +1100
Subject: [PATCH 07/10] for now, provide default normal in expectations viewer

---
 test/browser/expectations-viewer-browserified.js | 3 +--
 test/expectations-viewer.js                      | 3 +--
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/test/browser/expectations-viewer-browserified.js b/test/browser/expectations-viewer-browserified.js
index e9f6466..8d1662a 100755
--- a/test/browser/expectations-viewer-browserified.js
+++ b/test/browser/expectations-viewer-browserified.js
@@ -30,8 +30,7 @@ geometries.push.apply(geometries, thirdPartyGeometries);
 var TRIANGULATION = common.OUTPUT_TYPES[0];
 var BOUNDARIES = common.OUTPUT_TYPES[1];
 var VIEW_BOUNDS_EXCESS = 0.02;
-// NOTE(bckenny): compute the normal for all tests in the expectation viewer.
-var PROVIDE_NORMAL = common.PROVIDE_NORMAL[1];
+var PROVIDE_NORMAL = common.PROVIDE_NORMAL[0];
 // TODO(bckenny): maybe add this back when switch to more general transforms
 // optionsToOptions(common.NORMALS, document.querySelector('#test-geometry'));
 var NORMAL = {
diff --git a/test/expectations-viewer.js b/test/expectations-viewer.js
index d70bbba..0f160ec 100644
--- a/test/expectations-viewer.js
+++ b/test/expectations-viewer.js
@@ -23,8 +23,7 @@ geometries.push.apply(geometries, thirdPartyGeometries);
 var TRIANGULATION = common.OUTPUT_TYPES[0];
 var BOUNDARIES = common.OUTPUT_TYPES[1];
 var VIEW_BOUNDS_EXCESS = 0.02;
-// NOTE(bckenny): compute the normal for all tests in the expectation viewer.
-var PROVIDE_NORMAL = common.PROVIDE_NORMAL[1];
+var PROVIDE_NORMAL = common.PROVIDE_NORMAL[0];
 // TODO(bckenny): maybe add this back when switch to more general transforms
 // optionsToOptions(common.NORMALS, document.querySelector('#test-geometry'));
 var NORMAL = {

From 8d9b9ac9f29bea1bc99ee260c079572b9d8f24c9 Mon Sep 17 00:00:00 2001
From: Brendan Kenny <bckenny@gmail.com>
Date: Sat, 8 Nov 2014 23:03:28 +1100
Subject: [PATCH 08/10] rearrange expectations viewer layout

---
 test/browser/expectations-viewer.html | 49 +++++++++++++++------------
 1 file changed, 28 insertions(+), 21 deletions(-)

diff --git a/test/browser/expectations-viewer.html b/test/browser/expectations-viewer.html
index 36cda64..0832fbe 100644
--- a/test/browser/expectations-viewer.html
+++ b/test/browser/expectations-viewer.html
@@ -5,15 +5,20 @@
     <title>Expectations Viewer</title>
     <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
     <style>
-      html {
+      html, body {
         font-family: 'Roboto', sans-serif;
+        margin: 0;
+        padding: 0;
       }
-      .viewer {
+      .viewer-slot {
         width: 500px;
         height: 500px;
         display: inline-block;
+        vertical-align: top;
+        margin-top: 4px;
+        margin-left: 4px;
       }
-      .viewer span {
+      .viewer-slot span {
         position: absolute;
         margin-left: .25em;
         text-shadow: 0 0 8px #dfd8c6, 0 0 4px #dfd8c6, 0 0 2px #dfd8c6, 0 0 1px #dfd8c6;
@@ -27,8 +32,8 @@
         stroke-linejoin: bevel;
       }
       #input-contours {
-        fill: none;
         stroke-width: 2;
+        fill: none;
       }
       #input-contours path:hover {
         stroke-width: 3;
@@ -37,8 +42,8 @@
         fill: #99a994;
       }
       .boundaries {
-        fill: none;
         stroke-width: 8;
+        fill: none;
       }
       .clockwise:hover, .anticlockwise:hover {
         stroke-width: 10;
@@ -64,34 +69,36 @@
   </head>
   <body>
     <section>
-      <label for="test-geometry">Test Geometry:</label>
-      <select id="test-geometry"></select>
-    </section>
-    <section>
-      <label for="winding-rule">Winding Rule:</label>
-      <select id="winding-rule"></select>
+      <div class="viewer-slot">
+        <span>Input Contours</span>
+        <svg id="input-contours"></svg>
+      </div><div class="viewer-slot">
+        <div>
+          <label for="test-geometry">Test Geometry:</label>
+          <select id="test-geometry"></select>
+        </div>
+        <div>
+          <label for="winding-rule">Winding Rule:</label>
+          <select id="winding-rule"></select>
+        </div>
+      </div>
     </section>
 
-    <div class="viewer">
-      <span>Input Contours</span>
-      <svg id="input-contours"></svg>
-    </div>
     <section>
-      <div class="viewer">
+      <div class="viewer-slot">
         <span>Output</span>
         <svg id="triangulation-result" class="triangulation"></svg>
-      </div>
-      <div class="viewer">
+      </div><div class="viewer-slot">
         <span>Expectation</span>
         <svg id="triangulation-expectation" class="triangulation"></svg>
       </div>
     </section>
+
     <section>
-      <div class="viewer">
+      <div class="viewer-slot">
         <span>Output Boundaries</span>
         <svg id="boundaries-result" class="boundaries"></svg>
-      </div>
-      <div class="viewer">
+      </div><div class="viewer-slot">
         <span>Expectation Boundaries</span>
         <svg id="boundaries-expectation" class="boundaries"></svg>
       </div>

From 293f3de822699da04022f68e876c28c1f9225cb5 Mon Sep 17 00:00:00 2001
From: Brendan Kenny <bckenny@gmail.com>
Date: Sat, 8 Nov 2014 23:08:57 +1100
Subject: [PATCH 09/10] fix for expectations viewer in Firefox: no
 svgElement.offsetWidth there

---
 test/browser/expectations-viewer-browserified.js | 2 +-
 test/expectations-viewer.js                      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/test/browser/expectations-viewer-browserified.js b/test/browser/expectations-viewer-browserified.js
index 8d1662a..e0f2be7 100755
--- a/test/browser/expectations-viewer-browserified.js
+++ b/test/browser/expectations-viewer-browserified.js
@@ -95,7 +95,7 @@ function update() {
   // size.
   var contoursSize = Math.max(bounds.maxX - bounds.minX,
       bounds.maxY - bounds.minY) * (1 + VIEW_BOUNDS_EXCESS);
-  var scale = inputSvg.offsetWidth / contoursSize;
+  var scale = inputSvg.getBoundingClientRect().width / contoursSize;
   var dX = -scale * (bounds.minX + bounds.maxX - contoursSize) / 2;
   var dY = scale * (bounds.minY + bounds.maxY + contoursSize) / 2;
 
diff --git a/test/expectations-viewer.js b/test/expectations-viewer.js
index 0f160ec..46cc007 100644
--- a/test/expectations-viewer.js
+++ b/test/expectations-viewer.js
@@ -88,7 +88,7 @@ function update() {
   // size.
   var contoursSize = Math.max(bounds.maxX - bounds.minX,
       bounds.maxY - bounds.minY) * (1 + VIEW_BOUNDS_EXCESS);
-  var scale = inputSvg.offsetWidth / contoursSize;
+  var scale = inputSvg.getBoundingClientRect().width / contoursSize;
   var dX = -scale * (bounds.minX + bounds.maxX - contoursSize) / 2;
   var dY = scale * (bounds.minY + bounds.maxY + contoursSize) / 2;
 

From 00c7152d4e307a3a6515e127dc4954db9fc12aa7 Mon Sep 17 00:00:00 2001
From: Brendan Kenny <bckenny@gmail.com>
Date: Sat, 8 Nov 2014 23:16:41 +1100
Subject: [PATCH 10/10] add expectations viewer link to readme

---
 README.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/README.md b/README.md
index f7bc53a..a5b3916 100644
--- a/README.md
+++ b/README.md
@@ -15,6 +15,10 @@ triangulating it, and then drawing it with WebGL.
 ## Tests
 Run the tests locally with `npm test`, or in the browser [here](https://brendankenny.github.io/libtess.js/test/index.html).
 
+See the [expectations viewer](https://brendankenny.github.io/libtess.js/test/browser/expectations-viewer.html)
+to compare the test geometry tessellated with the latest version of the library
+versus the expected (baseline) tessellation.
+
 ## Tesselator or Tessellator?
 
 Probably tessellator, but `GLUtesselator`, etc is in the original GLU API handed