| mart |
| Kirigami |
This adds a ShadowedRectangle item, which is a rectangle with a shadow.
It uses a custom shader that draws the rectangle and the shadow below it
using distance fields, which has significantly better performance compared
to the DropShadow effect. It also supports rounded corners, which the
current Card code does not.
This is a first step to moving more of AbstractCard and related items to
C++ code. Other bits will include a ShadowedImage item and moving actual
card code to C++.
Screenshot of test program showing ShadowedRectangle, Rectangle with DropShadow effect and empty Kirigami Card.
Rounded corners.
Performance comparison:
The video at top is using Rectangle with DropShadow, the one below that ShadowedRectangle.
| No Linters Available |
| No Unit Test Coverage |
| Buildable 23585 | |
| Build 23603: arc lint + arc unit |
Are there any significant differences between shadows that were generated using distance fields and shadows that were generated with a blur filter(e.g. box blur or stack blur, etc)? (asking out of curiosity)
EDIT: Urgh, never mind. You've just updated the test plan.
Yeah I can't upload screenshots etc. through Arc so I always need to upload those afterwards.
I feel like a border property would be desirable for the following usecases:
How does the shadow look and perform when animating?
The fallback case is not going to be relevant, a border is going to be as heavy as the shadow is with this approach. But I'm fine with adding a border, also to make it behave more like Rectangle in general.
How does the shadow look and perform when animating?
Animating what?
Performance isn't going to be much different between any of these properties, except that a few will be slightly faster because they won't need to resize geometry.
to me is good, would just change that one thing api wise.
do you think there are other blockers from a technical pov or good to go?
| src/shadowedrectangle.h | ||
|---|---|---|
| 15 | shadowSize to correspond with shadowColor | |
I've been adding some documentation, in addition to border properties. With that I'm fairly sure this is ready.
| src/shadowedrectangle.h | ||
|---|---|---|
| 15 | I've actually been pondering making it a grouped property, it would make it more similar to border. So then you'd have: ShadowedRectangle {
shadow {
size: 10
color: "red"
xOffset: 10
yOffset: 10
}
} | |
| src/shadowedrectangle.h | ||
|---|---|---|
| 15 | Done that now. | |