webgl-distort

KO | EN

gitlite — search

#python #hacktoberfest #react #typescript #android #rust #deep-learning #docker #windows #awesome #cli #awesome-list #ios #openai

(★ 13)

A demo project for perspective transformations on a given image at full resolution

webgl-distort Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

webgl-distort
====

A prototype, demonstration project to test full-resolution perspective transforms done in-browser on the client side using WebGL. This would be useful for [MapKnitter](https://mapknitter.org) (https://github.com/publiclab/mapknitter) or its interface core library, [Leaflet.DistortableImage](https://github.com/publiclab/Leaflet.DistortableImage), where users could individually download their distorted images at full resolution for print or other uses.

Try this out in the demo at https://jywarren.github.io/webgl-distort

Or try the full featured lens distortion tool at https://github.com/jywarren/fisheyegl, based on this code.

Eventually, it could be packaged as a bower-installable library which simply accepts an image URL and a begin and end matrix, and initiates a download (so as not to cause the browser to render the large dataURL).

This makes use of the [glfx.js](https://github.com/evanw/glfx.js) library.

Current usage is:

```html
  <img id="img" src="examples/example-1024.jpg" />

webgl-distort

webgl-distort Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

webgl-distort

webgl-distort Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README