Skip to content

textmode.js / media / TextmodeTexture

Class: TextmodeTexture

Dynamic texture source for external canvas or video content.

Create one with Textmodifier.createTexture and draw it with Textmodifier.image. The texture refreshes each frame so it can mirror renderers such as three.js, p5.js, Babylon.js, or hydra-synth.

Extends

Extended by

Character & color mapping

MethodDescription
backgroundSet the background color used for transparent pixels.
cellColorSet the cell color used when cellColorMode is 'fixed'.
cellColorModeSet whether cell color is sampled from the source or fixed.
charactersSet the characters used for brightness mapping.
charColorSet the character color used when charColorMode is 'fixed'.
charColorModeSet whether character color is sampled from the source or fixed.

Conversion

MethodDescription
brightnessRangeCapture only source pixels whose brightness is inside the inclusive byte range.
clearConversionsClear this source's conversion stack and return to single-mode conversion.
conversionModeSelect the conversion mode for this source.
conversionsSet an ordered conversion stack for this source.

Other

AccessorDescription
sourceSource element this texture captures.

Resource lifecycle

MethodDescription
disposeDispose of the resource and free associated WebGL textures.

Source dimensions

AccessorDescription
heightIdeal draw height in grid cells.
originalHeightOriginal source height in pixels.
originalWidthOriginal source width in pixels.
textureWebGL texture backing this source.
widthIdeal draw width in grid cells.

Source transforms

MethodDescription
charRotationRotate generated characters.
flipXFlip the source horizontally.
flipYFlip the source vertically.
invertEnable or disable source color inversion.