texturity.js
Version:
WebGL based library for drawing textures
59 lines (41 loc) • 1.07 kB
Markdown
Texturity.js
===
WebGL based library for fast drawing textures
### Capabilities
- Normal map
- Blur
- Noise
- Repeat
- Circle
- Brick wall
- Gradient
- Blending
- Image drawing
- Convolution
- Fourier transormation
### Installing
Download the [latest release](https://github.com/ni55an/texturity.js/releases/latest) or use CDN
````html
<script src="https://cdn.jsdelivr.net/npm/texturity.js@latest/build/texturity.js"></script>
````
Or import as module using NPM
```bash
npm install --save texturity.js
```
```js
import * as Texturity from 'texturity.js';
```
### Usage
Optionally initialize the WebGL context
```js
Texturity.initGL('webgl',{alpha:true}); //optional parameters
```
Create and process Canvas
```js
var fastCanvas = new Texturity.Canvas(w, h);
fastCanvas.drawCircle(0.5);
fastCanvas.drawBricks(6,0.05);
fastCanvas.blur(fastCanvas.toTexture(), 3);
fastCanvas.normalMap(fastCanvas.toTexture(), 0.5,0,4);
```
All Canvas instances use the same WebGL context, which allows to get good performance, so be careful and use `save()/restore()`