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.