texture-generator

Procedural Equirectangular Textures

Polka dots

This texture arranges dots similar to the Polka dots in fashion design. There are 20 layouts for the dots ranging from a single dot, then vertices of Platonic soids derivatives and vertices of a sunflower seeds arragement (also known as Fibonacci lattice) with up to 5000 dots. Click on a snapshot to open it online.

Code example

Code template of parameters with their default values.

import * as PET from "pet/patterns/polka-dots.js";
:
model.material.map = PET.texture( );
PET.material( model.material );

Parameters

The parameters of the texture generator are:

• width – texture width in pixels, default 512
• height – texture height in pixels, default 256
• layout – dot layout number [1,$layouts], default 9
• scale – relative dot size [0,100], default 50
• blur – smoothness of dots edges [0,100], default 20
• color – color of dots, default 0x000000 (black)
• background – color of background, default 0xFFFFFF (white)

Additional system parameter:

• $layouts – the number of supported layouts, currently 20

API

All texture modules share the same API.

• pattern( x, y, z, color, options ) – pattern implementation
• texture( {params} ) – generator for a texture with given parameters
• defaults – object with default parameters
• material( ... ) – material shader patcher

Online generator

online/polka-dots.html

Source

src/patterns/polka-dots.js

Back

This site is open source. Improve this page.