Skip to content
flatland

blurMotion

blurMotion(tex, uv, direction, strength?, samples?): Node <"vec4">

Defined in: packages/nodes/src/blur/blurMotion.ts:21

Directional motion blur. Simulates motion in a specific direction.

Parameters

Section titled “Parameters”

tex

Section titled “tex”

Texture 

Source texture

uv

Section titled “uv”

Node <"vec2">

UV coordinates

direction

Section titled “direction”

Vec2Input

Motion direction (vec2)

strength?

Section titled “strength?”

FloatInput = 0.05

Blur strength/length (default: 0.05)

samples?

Section titled “samples?”

number = 8

Number of blur samples (default: 8)

Returns

Section titled “Returns”

Node <"vec4">

Motion-blurred color

Example

Section titled “Example”
// Horizontal motion blur
const blurred = blurMotion(texture, uv, [1, 0], 0.05)
Docs Examples Showcases

Getting Started

IntroductionInstallationQuick Start

Concepts

The Flatland PipelineBatch Rendering2D LightingShadows & Occlusion

Guides

SpritesAnimationLoadersTilemapsLightingShadowsBakingTSL NodesPass EffectsSkiaSlug TextDevtools

Resources

BrandingLLMs

API Reference

nodes/src
Interfaces
CRTOptionsDissolveOptionsLight2DResultLitSpriteOptionsOutlineOptions
Type Aliases
ColorInputFloatInputVec2InputVec3InputVec4Input
Functions
afterimageafterimageGlowafterimageTintedalphaMaskalphaMaskInvertalphaMaskValuealphaTestalphaTestOpaqueambientLight2DanalogGlitchbayerDitherbayerDither2x2bayerDither4x4bayerDither8x8bloombloomAnamorphicbloomSimplebloomThresholdblurBoxblurBox3x3blurBoxDirectionalblurBoxSmoothblurFocusblurGaussianblurGaussian2PassblurGaussian9blurKawaseblurKawaseDownblurKawaseMultiblurKawaseSimpleblurKawaseUpblurMotionblurMotionObjectblurMotionVelocityblurRadialblurRadialDistanceblurShakeblurSpinbrightnessbrightnessClampedbrightnessMultiplyc64PalettecgaPalettechromaticAberrationchromaticAberrationCustomchromaticAberrationPulsechromaticAberrationRadialcolorBleedingcolorRemapcolorRemapCustomcolorReplacecolorReplaceHardcolorReplaceMultiplecontrastcontrastSCurvecrtBloomcrtColorBleedcrtCompletecrtConvergencecrtCurvaturecrtCurvatureWithCornerscrtVignettedirectionalLight2DdissolvedissolveDirectionaldissolvePixelateddissolveSimpledistortBarreldistortBulgedistortDisplacedistortNoisedistortPerlindistortPinchdistortPixelatedistortPixelateCountdistortShatterdistortSimplexdistortSpherizedistortTurbulencedistortTwirldmgPalettedotMatrixeaglefadeEdgefadeEdgeHorizontalfadeEdgeRadialfadeEdgeVerticalfilmGrainflashflashAdditiveflashAlphaflashDamageflashHealflashPowerUpflashSmoothgbcPaletteghostghostSpeedghostTrailglowSelectivegrayscalehq2xhq3xhq4xhueShifthueShiftNormalizedinterlacinglcdBacklightBleedlcdGBClcdGhostinglcdGridlcdMotionGhostlcdPocketlitCelShadedlitDiffuselitRimlitSpecularlitSpritelitSpriteMultimd9bitPalettenormalFromHeightnormalFromHeightSmoothntscCompositeoutlineoutline8palettizepalettizeDitheredpalettizeNearestphosphorApertureGrillephosphorMaskphosphorShadowMaskphosphorSimplephosphorSlotMaskpixelatepixelateBySizepocketPalettepointLight2DposterizeposterizeGammappuPalettepulsepulseGlowpulseHeartbeatpulseRadialpulseRainbowquantizequantizeRGBsai2xsampleSpritesaturatescale2xscale3xscanlinesscanlinesGlowscanlinesGridscanlinesInterlacedscanlinesSmoothshadow2DshadowDropshadowDropSoftshadowSDF2DshadowSoft2DshimmershimmerHolographicshimmerMetallicshimmerWavesignalInterferencesnesPalettesparklesparkleRainbowsparkleStarspeedLinesspotLight2DspriteUVstaticNoisesuperEagletinttintAdditivetrailtrailAdditivetrailBlurtrailVelocityuvFlipuvOffsetuvRotateuvScalevbPalettevhsDistortionvignettewaveHorizontalwaveRadialwaveRipplewaveVerticalwaveWater
presets/src
Variables
DefaultLightEffectNormalMapProvider
three-flatland/src
Classes
AnimatedSprite2DAnimationControllerEffectMaterialFlatlandForwardPlusLightingGlobalUniformsLayerLDtkLoaderLight2DLightEffectMaterialEffectPassEffectSprite2DSprite2DMaterialSpriteGroupSpriteSheetLoaderTextureConfigTextureLoaderTiledLoaderTileLayerTileMap2DTileset
Interfaces
AnimatedSprite2DOptionsAnimationAnimationFrameAnimationSetDefinitionAnimationStateBatchKeyChannelNodeContextChannelNodeMapChunkCoordColorTransformContextDevtoolsProviderHandleEffectFieldEffectMaterialOptionsEffectNodeContextFlatlandOptionsInstanceAttributeConfigLayerConfigLDtkLoaderOptionsLight2DOptionsLight2DUniformsLightEffectBuildContextLightEffectRuntimeContextNormalRegionNormalSourceDescriptorObjectLayerDataOcclusionPassOptionsPassEffectContextPlayOptionsRenderStatsSprite2DMaterialOptionsSprite2DOptionsSpriteFrameSpriteFrameRectSpriteGroupOptionsSpriteSheetSpriteSheetJSONArraySpriteSheetJSONHashSpriteSheetLoaderOptionsTextureLoaderOptionsTextureOptionsTileAnimationFrameTileDefinitionTiledLoaderOptionsTileInstanceTileLayerDataTileLayerOptionsTileMap2DOptionsTileMapDataTileMapObjectTileNormalCustomDataTilesetCellTilesetData
Type Aliases
BlendModeChannelNameCollisionShapeColorTransformFnEffectConstantsEffectSchemaEffectSchemaValueEffectValuesInstanceAttributeTypeLayerNameLayerTypeLayerValueLight2DTypeLightEffectClassMaterialEffectClassNormalBumpNormalDirectionObservableStrategyPassEffectClassPassEffectFnSnapshotSortModeSpriteSortFunctionTexturePresetTileLookupFnUniformKeysWithRequiredChannels
Variables
channelDefaultsDEFAULT_BATCH_SIZEEFFECT_BIT_OFFSETLayersLIT_FLAG_MASKMAX_LIGHTS_PER_TILEobservableRECEIVE_SHADOWS_MASKTEXTURE_PRESETSTILE_SIZEVERSION
Functions
applyHierarchicalPresetsapplyTextureOptionscomputeTierconcatAnimationscreateAnimationcreateAnimationFromPatterncreateAnimationsFromNamingcreateDevtoolsProvidercreateLightEffectcreateMaterialEffectcreatePassEffectdecodeSortKeyencodeSortKeyframesToRegionsgetPackedComponentisDevtoolsActiveisLight2DreadCastShadowFlagreadEnableBitsreadFlipreadLitFlagreadReceiveShadowsFlagreadShadowRadiusreadSystemFlagsregisterDebugArrayregisterDebugTextureresolveTextureOptionsreverseAnimationshallowEqualtilesetToRegionstileToRegionstouchDebugArraytouchDebugTextureunregisterDebugArrayunregisterDebugTextureuvToWorldwholeTextureRegionworldToUVwrapWithLightFlags
three-flatland/src/react
Type Aliases
EffectElementLightEffectElement
Functions
attachEffectattachLighting