texture-generator

Procedural Equirectangular Textures

Grid

This texture draws a grid trying to maintain fixed width of grid lines. Click on a snapshot to open it online.

Code example

Code template of parameters with their default values.

import * as PET from "pet/patterns/grid.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
• countH – number of horizontal grid cells [2,100], default 32
• countV – number of vertical grid cells [2,100], default 16
• thickness – thickness of grid lines [1,100], default 32
• caps – whether to draw caps near the poles [true,false], default true
• color – color of lines, default 0x000000 (black)
• background – color of background, default 0xFFFFFF (white)

API

All texture modules share the same API.

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

Online generator

online/grid.html

Source

src/patterns/grid.js

Back

This site is open source. Improve this page.