Scrawl-canvas v8
- Filters test 019
Using a Noise asset with a displace filter
Noise engine
Perlin (classic)
Perlin (improved)
Simplex
Value
Color output
Monochrome
Gradient
Hue
Monochrome start
Monochrome range
Gradient start
Gradient end
Hue start
Hue range
Saturation
Luminosity
Octaves
Octave function
none
absolute
Persistence
Lacunarity
Sum function
none
sine
sine-x
sine-y
modular
Sine Frequency Coefficient
Smoothing
none
cosine
hermite
quintic
---
easeOutSine
easeInSine
easeOutInSine
easeOutQuad
easeInQuad
easeOutInQuad
easeOutCubic
easeInCubic
easeOutInCubic
easeOutQuart
easeInQuart
easeOutInQuart
easeOutQuint
easeInQuint
easeOutInQuint
easeOutExpo
easeInExpo
easeOutInExpo
easeOutCirc
easeInCirc
easeOutInCirc
easeOutBack
easeInBack
easeOutInBack
easeOutElastic
easeInElastic
easeOutInElastic
easeOutBounce
easeInBounce
easeOutInBounce
Modular Amplitude
Canvas width
Canvas height
Scale
Size
Random seed
Test purpose
Create a Noise asset, and a Picture entity in which we can display the asset
Create an image filter to load the Noise asset into the filter pipeline
Create a test Picture entity; create an displace filter and apply it to the test entity
Update the Noise asset attributes and observe the effects they have on the Picture entity, and on the filter applied to the Picture entity
Annotated code