Scrawl-canvas v8
- Canvas test 060
Noise asset functionality
Resize the canvas by dragging its bottom right corner
Noise engine
Perlin (classic)
Perlin (improved)
Simplex
Value
Stripes
Smoothed stripes
Worley (euclidean)
Worley (manhattan)
Random seed
Octaves
Octave function
none
absolute
Persistence
Lacunarity
Sum function
none
sine
sine-x
sine-y
modular
random
Sine Frequency Coefficient
Smoothing
linear (none)
out
in
---
easeOut
easeOutIn
easeInOut
easeIn
easeOut3
easeOutIn3
easeInOut3
easeIn3
easeOut4
easeOutIn4
easeInOut4
easeIn4
easeOut5
easeOutIn5
easeInOut5
easeIn5
---
cosine
hermite
quintic
---
easeOutSine
easeOutInSine
easeInSine
easeOutQuad
easeOutInQuad
easeInQuad
easeOutCubic
easeOutInCubic
easeInCubic
easeOutQuart
easeOutInQuart
easeInQuart
easeOutQuint
easeOutInQuint
easeInQuint
easeOutExpo
easeOutInExpo
easeInExpo
easeOutCirc
easeOutInCirc
easeInCirc
---
easeOutBack
easeOutInBack
easeInBack
easeOutElastic
easeOutInElastic
easeInElastic
easeOutBounce
easeOutInBounce
easeInBounce
Sum Amplitude
Worley output
X
Y
Z
XminusY
XminusZ
YminusX
YminusZ
ZminusX
ZminusY
XaddY
XaddZ
YaddZ
XaddYminusZ
XaddZminusY
YaddZminusX
XmultiplyY
XmultiplyZ
YmultiplyZ
XmultiplyYaddZ
XmultiplyZaddY
YmultiplyZaddX
XmultiplyYminusZ
XmultiplyZminusY
YmultiplyZminusX
sum
Worley depth
Canvas width
Canvas height
Scale
Size
Palette start
Palette end
Color stops
Monochrome
Stepped grays
Red to green
Red to blue
Red gradient
Hue gradient
Cycle palette
false
true
Int. color space
RGB
HSL
HWB
LAB
LCH
OKLAB
OKLCH
XYZ
Ret. color space
RGB
HSL
HWB
LAB
LCH
OKLAB
OKLCH
Easing
linear
out
in
---
easeOut
easeOutIn
easeInOut
easeIn
easeOut3
easeOutIn3
easeInOut3
easeIn3
easeOut4
easeOutIn4
easeInOut4
easeIn4
easeOut5
easeOutIn5
easeInOut5
easeIn5
---
cosine
hermite
quintic
---
easeOutSine
easeOutInSine
easeInSine
easeOutQuad
easeOutInQuad
easeInQuad
easeOutCubic
easeOutInCubic
easeInCubic
easeOutQuart
easeOutInQuart
easeInQuart
easeOutQuint
easeOutInQuint
easeInQuint
easeOutExpo
easeOutInExpo
easeInExpo
easeOutCirc
easeOutInCirc
easeInCirc
---
easeOutBack
easeOutInBack
easeInBack
easeOutElastic
easeOutInElastic
easeInElastic
easeOutBounce
easeOutInBounce
easeInBounce
---
steps (user-defined)
repeat (user-defined)
Precision
Test purpose
Create a Noise asset, and a Picture entity in which we can display the asset.
Check the functionality for producing different noise effects.
Check that color is correctly applied to the asset, including different color spaces.
Touch test:
not required
Annotated code