Home   LARC   News   Publications by Subject   Procedural Content Generation

Procedural Texture Generation

Thumbnails.

Ian Parberry, "A Designer Centric Procedural Texture Generator Using Modular Bivariate Quadratic Functions", Technical Report LARC-2015-05, Laboratory for Recreational Computing, Dept. of Computer Science & Engineering, University of North Texas, July 2015. [pdf, BibTeX]

Abstract

Modular bivariate quadratic functions are used to procedurally generate textures that resemble ornamentation, skin, scales, feathers, and textiles. They are easy to implement and particularly suited to parallel execution as a pixel shader. A prototype browser-based procedural texture generator with an interface suitable for use by non-mathematicians such as designers and artists is described.

fig1.

Biq

logo

Biq is a browser-enabled design tool for creating procedural textures using modular bivariate quadratic functions. It is implemented in HTML 5, CSS 3, and JavaScript.

Images from the Manuscript

The following are larger versions of the textures from the figures in the manuscript. Click on the images to open in Biq.

fig1.

Figure 1: Rectilinear ornamentation, p=38, q=129.

fig2a.

Figure 3 (left): Rectilinear ornamentation, p=13, q=131.

fig2b.

Figure 3 (center): Rectilinear ornamentation, p=15, q=131.

fig2c.

Figure 3 (right): Rectilinear ornamentation, p=22, q=131.

fig8a.

Figure 4 (left): Rectilinear ornamentation, p=22, q=131, 2 grayscale bands.

fig8b.

Figure 4 (center): Rectilinear ornamentation, p=22, q=131, 3 grayscale bands.

fig8c.

Figure 4 (right): Rectilinear ornamentation, p=22, q=131, 4 grayscale bands.

fig9a.

Figure 5 (left): Rectilinear ornamentation, p=4, q=101, 4 color bands, Primary palette.

fig9b.

Figure 5 (center): Rectilinear ornamentation, p=4, q=101, 4 color bands, Toucan palette.

fig9c.

Figure 5 (right): Rectilinear ornamentation, p=4, q=101, 4 color bands, Autumn palette.

fig3a.

Figure 6 (left): Diagonal ornamentation, p=11, q=131.

fig3b.

Figure 6 (center): Diagonal ornamentation, p=46, q=131.

fig3c.

Figure 6 (right): Diagonal ornamentation, p=47, q=131.

fig4a.

Figure 7 (left): Scales and feathers, p=2, q=101.

fig4b.

Figure 7 (center): Scales and feathers, p=3, q=101.

fig4c.

Figure 7 (right): Scales and feathers, p=4, q=101.

fig5a.

Figure 8 (left): Scales and feathers, p=10, q=101.

fig5b.

Figure 8 (center): Scales and feathers, p=44, q=101.

fig5c.

Figure 8 (right): Scales and feathers, p=45, q=101.

fig7a.

Figure 10 (left): Textile, p=8, q=256.

fig7b.

Figure 10 (center): Textile, p=38, q=256.

fig7c.

Figure 10 (right): Textile, p=136, q=256.

fig10a.

Figure 11 (left): Textile, p=5260, q=26509, 4 color bands, Ocean palette.

fig10b.

Figure 11 (center): Scales and feathers, p=11, q=217, 4 color bands, Autumn palette.

fig10c.

Figure 11 (right): Scales and feathers, p=2101, q=4319, 4 color bands, Toucan palette.

Supplementary Images

animated gif.

image.
animated gif.

Created June 15, 2015. Written in HTML 4.01 and CSS 3 using Notepad++. Last updated July 2, 2015.

Valid HTML 4.01 Strict Valid CSS!