texture-js-package

```html <canvas id="texture"></canvas> <script src="https://heestand-xyz.github.io/texture.js/texture.js"></script> ```

Usage no npm install needed!

<script type="module">
  import textureJsPackage from 'https://cdn.skypack.dev/texture-js-package';
</script>

README

texture.js

<canvas id="texture"></canvas>
<script src="https://heestand-xyz.github.io/texture.js/texture.js"></script>
var canvas = document.getElementById("texture")

Docs

Circle

var circleTex = new CircleTEX(canvas)
circleTex.position = new Position(0.0, 0.0)
circleTex.radius = 0.25

CircleTEX

Docs for CircleTEX

Polygon

var polygonTex = new PolygonTEX(canvas)
polygonTex.vertexCount = 3
polygonTex.radius = 1.0 / 3.0
polygonTex.cornerRadius = 0.05

PolygonTEX

Docs for PolygonTEX

Noise

var noiseTex = new NoiseTEX(canvas);
noiseTex.octaves = 2
noiseTex.scale = 1.5

NoiseTEX

Docs for NoiseTEX

Gradient

var gradientTex = new GradientTEX(canvas);
gradientTex.direction = GradientDirection.vertical
gradientTex.scale = 1.0
gradientTex.colorStops = [
    new GradientColorStop(0.0, Color.black),
    new GradientColorStop(1.0, Color.white)
]

GradientTEX

Docs for GradientTEX