Scrawl-canvas v8
- Filters test 026
Parameters for: Swirl filters
To change image, drag-and-drop an image file over the canvas
Starts ('n%')
X:
Y:
Starts (n)
X:
Y:
Inner radius
'n%':
n:
Outer radius
'n%':
n:
Angle
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)
zigzag (user-defined)
Opacity
Test purpose
Create a test Picture entity
Create a swirl filter and apply it to the test entity
Update filter attributes and observe the effect they have on the entity
Check that the filter responds to easing updates, including user-defined easing algorithms
Touch test:
not required
Annotated code