Giter Site home page Giter Site logo

tess2.js's Introduction

tess2.js

The tess2.js library performs polygon boolean operations and tesselation to triangles and convex polygons. It is a port of libtess2, which is turn is a cleaned up version of the stock GLU tesselator. The original code was written Eric Veach in 1994. The greatest thing about tess2.js is that it handles all kinds of input like self-intersecting polygons or any nomber of holes and contours.

Installation: npm install tess2 --save

Example use:

var Tess2 = require('tess2');

// Define input
var ca = [0,0, 10,0, 5,10];
var cb = [0,2, 10,2, 10,6, 0,6];
var contours = [ca,cb];

// Tesselate
var res = Tess2.tesselate({
	contours: contours,
	windingRule: Tess2.WINDING_ODD,
	elementType: Tess2.POLYGONS,
	polySize: 3,
	vertexSize: 2
});

// Use vertices
for (var i = 0; i < res.vertices.length; i += 2) {
	drawVertex(res.vertices[i], res.vertices[i+1]);
}
// Use triangles
for (var i = 0; i < res.elements.length; i += 3) {
	var a = res.elements[i], b = res.elements[i+1], c = res.elements[i+2];
	drawTriangle(res.vertices[a*2], res.vertices[a*2+1],
		res.vertices[b*2], res.vertices[b*2+1],
		res.vertices[c*2], res.vertices[c*2+1]);
}

Further reading: http://www.glprogramming.com/red/chapter11.html

Browser / AMD / etc

The build/tess2.js works with RequireJS, CommonJS, or "no-module" patterns, like a simple script tag:

<script src="tess2.js"></script>
<script>
var res = Tess2.tesselate({ ... });

//same as above...
</script>

Building

To build the UMD file, enter the following:

npm run build

tess2.js's People

Contributors

memononen avatar mattdesl avatar dhritzkiv avatar piaoger avatar

Stargazers

empty_ avatar Alex Hixon avatar  avatar Nicolas Schmidt avatar Luke Zhu avatar Ce Feng avatar MingYuan avatar eJay avatar Dom avatar  avatar GM Liang avatar Yi Shen avatar José Ferrão avatar ooco avatar  avatar Noah H. Smith avatar HangYu Gong avatar Alexander Milevski avatar Gagan Bansal avatar louis.chu avatar Joohun, Maeng avatar SuperNever avatar xiaomao avatar whoAmI avatar Listing avatar Pietro Paolo Vismara avatar Theo Honohan avatar Young avatar Paul Falstad avatar tanghc avatar flyflydogdog avatar Varun Vachhar avatar  avatar  avatar 若黎 avatar leeho avatar mahesh kurmi avatar Andrey Monkin avatar yaokailun avatar 悬笔e绝 avatar  avatar ximenchuixue avatar Zhaoxiaoyang avatar 孙华 avatar David Dias avatar lidongjies avatar  avatar  avatar 鹅叔 avatar Zach Nguyen avatar Preet avatar Phil Xu avatar Yvo avatar  avatar Avin Lambrero avatar tom avatar Nassos Y avatar zacklocx avatar Vu Le avatar zhoujunpeng avatar  avatar he110world avatar Karl Toby Rosenberg avatar  avatar  avatar Isaac A. Dettman avatar Ricky Reusser avatar Dmitry Iv. avatar Kristofer Skyttner avatar StagPoint Software avatar Vlad Trukhin avatar ∫ ∪ ∧∴ ∋ ∈ ⊇ ∧ avatar  avatar  avatar Benoit Brayer avatar Chris Hart avatar Jonas Lund avatar Lev Panov avatar Russell Chapman avatar Reza Ali avatar Angus H. avatar Frederik De Bleser avatar Ernesto Espinosa avatar Mark Moissette avatar Oleh Kuchuk avatar Robert Chiniquy avatar Mikola Lysenko avatar Noel Billig avatar Michael Anthony avatar Emanuele Sabetta avatar Peter Boyer avatar Joe Chereshnovsky avatar  avatar  avatar Nikos M. avatar Volodymyr Agafonkin avatar Dane Springmeyer avatar  avatar Giuseppe Di Mauro avatar Dawid Górny avatar

Watchers

Aaron Lidman avatar James Cloos avatar Peter Boyer avatar Michael Anthony avatar  avatar  avatar  avatar

tess2.js's Issues

Only module for polygon boolean functions.

I have requirement only for polygon boolean functions. So do you have separate module for the same not including tesselation related function.
Or tesselation is must for calculating the polygon boolean functions?
I want to use this lib on client side (browser) so separate module would be lighter.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.