poly2tri example

no three.js

HTML

<script src='http://r3mi.github.io/poly2tri.js/dist/poly2tri.js'></script>

Babel + JSX

var contour = [
    new poly2tri.Point(100, 100),
    new poly2tri.Point(100, 300),
    new poly2tri.Point(300, 300),
    new poly2tri.Point(300, 100)
];
var swctx = new poly2tri.SweepContext(contour);

var hole = [
    new poly2tri.Point(200, 200),
    new poly2tri.Point(200, 250),
    new poly2tri.Point(250, 250)
];
//swctx.addHole(hole);
// or swctx.addHoles([hole1, hole2]) for multiple holes 


var point = new poly2tri.Point(150, 150);
swctx.addPoint(point);
// or swctx.addPoints([p1, p2, p3]) for multiple points 

swctx.triangulate();
var triangles = swctx.getTriangles();


triangles.forEach(function(t) {
    console.log ('a triangle: ');
    t.getPoints().forEach(function(p) {
        console.log(p.x, p.y);
    });
    // or t.getPoint(0), t.getPoint(1), t.getPoint(2) 
});