John Reck | 5cb290b | 2021-02-01 13:47:31 -0500 | [diff] [blame] | 1 | /* |
| 2 | * Copyright (C) 2021 The Android Open Source Project |
| 3 | * |
| 4 | * Licensed under the Apache License, Version 2.0 (the "License"); |
| 5 | * you may not use this file except in compliance with the License. |
| 6 | * You may obtain a copy of the License at |
| 7 | * |
| 8 | * http://www.apache.org/licenses/LICENSE-2.0 |
| 9 | * |
| 10 | * Unless required by applicable law or agreed to in writing, software |
| 11 | * distributed under the License is distributed on an "AS IS" BASIS, |
| 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. |
| 15 | */ |
| 16 | |
| 17 | #include "StretchEffect.h" |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 18 | #include <SkImageFilter.h> |
| 19 | #include <SkRefCnt.h> |
| 20 | #include <SkRuntimeEffect.h> |
| 21 | #include <SkString.h> |
| 22 | #include <SkSurface.h> |
| 23 | #include <include/effects/SkImageFilters.h> |
| 24 | |
| 25 | #include <memory> |
John Reck | 5cb290b | 2021-02-01 13:47:31 -0500 | [diff] [blame] | 26 | |
| 27 | namespace android::uirenderer { |
| 28 | |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 29 | static const SkString stretchShader = SkString(R"( |
| 30 | uniform shader uContentTexture; |
| 31 | |
| 32 | // multiplier to apply to scale effect |
| 33 | uniform float uMaxStretchIntensity; |
| 34 | |
| 35 | // Maximum percentage to stretch beyond bounds of target |
Nader Jawad | a225d21 | 2021-03-17 15:12:58 -0700 | [diff] [blame] | 36 | uniform float uStretchAffectedDistX; |
| 37 | uniform float uStretchAffectedDistY; |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 38 | |
| 39 | // Distance stretched as a function of the normalized overscroll times |
| 40 | // scale intensity |
| 41 | uniform float uDistanceStretchedX; |
| 42 | uniform float uDistanceStretchedY; |
Nader Jawad | ebb26b1 | 2021-04-01 15:54:09 -0700 | [diff] [blame] | 43 | uniform float uInverseDistanceStretchedX; |
| 44 | uniform float uInverseDistanceStretchedY; |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 45 | uniform float uDistDiffX; |
| 46 | |
| 47 | // Difference between the peak stretch amount and overscroll amount normalized |
| 48 | uniform float uDistDiffY; |
| 49 | |
| 50 | // Horizontal offset represented as a ratio of pixels divided by the target width |
| 51 | uniform float uScrollX; |
| 52 | // Vertical offset represented as a ratio of pixels divided by the target height |
| 53 | uniform float uScrollY; |
| 54 | |
| 55 | // Normalized overscroll amount in the horizontal direction |
| 56 | uniform float uOverscrollX; |
| 57 | |
| 58 | // Normalized overscroll amount in the vertical direction |
| 59 | uniform float uOverscrollY; |
| 60 | uniform float viewportWidth; // target height in pixels |
| 61 | uniform float viewportHeight; // target width in pixels |
| 62 | |
Michel Comin Escude | 9ed8614 | 2021-04-13 12:30:51 -0700 | [diff] [blame] | 63 | // uInterpolationStrength is the intensity of the interpolation. |
| 64 | // if uInterpolationStrength is 0, then the stretch is constant for all the |
| 65 | // uStretchAffectedDist. if uInterpolationStrength is 1, then stretch intensity |
| 66 | // is interpolated based on the pixel position in the uStretchAffectedDist area; |
| 67 | // The closer we are from the scroll anchor point, the more it stretches, |
| 68 | // and the other way around. |
| 69 | uniform float uInterpolationStrength; |
| 70 | |
Nader Jawad | ebb26b1 | 2021-04-01 15:54:09 -0700 | [diff] [blame] | 71 | float easeInCubic(float t, float d) { |
| 72 | float tmp = t * d; |
| 73 | return tmp * tmp * tmp; |
| 74 | } |
| 75 | |
Nader Jawad | 7148aa7 | 2021-03-31 13:11:57 -0700 | [diff] [blame] | 76 | float computeOverscrollStart( |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 77 | float inPos, |
| 78 | float overscroll, |
| 79 | float uStretchAffectedDist, |
Nader Jawad | ebb26b1 | 2021-04-01 15:54:09 -0700 | [diff] [blame] | 80 | float uInverseStretchAffectedDist, |
Michel Comin Escude | 9ed8614 | 2021-04-13 12:30:51 -0700 | [diff] [blame] | 81 | float distanceStretched, |
| 82 | float interpolationStrength |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 83 | ) { |
| 84 | float offsetPos = uStretchAffectedDist - inPos; |
Michel Comin Escude | 9ed8614 | 2021-04-13 12:30:51 -0700 | [diff] [blame] | 85 | float posBasedVariation = mix( |
| 86 | 1. ,easeInCubic(offsetPos, uInverseStretchAffectedDist), interpolationStrength); |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 87 | float stretchIntensity = overscroll * posBasedVariation; |
Nader Jawad | 7148aa7 | 2021-03-31 13:11:57 -0700 | [diff] [blame] | 88 | return distanceStretched - (offsetPos / (1. + stretchIntensity)); |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 89 | } |
| 90 | |
Nader Jawad | 7148aa7 | 2021-03-31 13:11:57 -0700 | [diff] [blame] | 91 | float computeOverscrollEnd( |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 92 | float inPos, |
| 93 | float overscroll, |
| 94 | float reverseStretchDist, |
| 95 | float uStretchAffectedDist, |
Nader Jawad | ebb26b1 | 2021-04-01 15:54:09 -0700 | [diff] [blame] | 96 | float uInverseStretchAffectedDist, |
Michel Comin Escude | 9ed8614 | 2021-04-13 12:30:51 -0700 | [diff] [blame] | 97 | float distanceStretched, |
| 98 | float interpolationStrength |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 99 | ) { |
| 100 | float offsetPos = inPos - reverseStretchDist; |
Michel Comin Escude | 9ed8614 | 2021-04-13 12:30:51 -0700 | [diff] [blame] | 101 | float posBasedVariation = mix( |
| 102 | 1. ,easeInCubic(offsetPos, uInverseStretchAffectedDist), interpolationStrength); |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 103 | float stretchIntensity = (-overscroll) * posBasedVariation; |
Nader Jawad | 7148aa7 | 2021-03-31 13:11:57 -0700 | [diff] [blame] | 104 | return 1 - (distanceStretched - (offsetPos / (1. + stretchIntensity))); |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 105 | } |
| 106 | |
Nader Jawad | 7148aa7 | 2021-03-31 13:11:57 -0700 | [diff] [blame] | 107 | // Prefer usage of return values over out parameters as it enables |
| 108 | // SKSL to properly inline method calls and works around potential GPU |
| 109 | // driver issues on Wembly. See b/182566543 for details |
| 110 | float computeOverscroll( |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 111 | float inPos, |
| 112 | float overscroll, |
| 113 | float uStretchAffectedDist, |
Nader Jawad | ebb26b1 | 2021-04-01 15:54:09 -0700 | [diff] [blame] | 114 | float uInverseStretchAffectedDist, |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 115 | float distanceStretched, |
Michel Comin Escude | 9ed8614 | 2021-04-13 12:30:51 -0700 | [diff] [blame] | 116 | float distanceDiff, |
| 117 | float interpolationStrength |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 118 | ) { |
Nader Jawad | 7148aa7 | 2021-03-31 13:11:57 -0700 | [diff] [blame] | 119 | float outPos = inPos; |
| 120 | if (overscroll > 0) { |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 121 | if (inPos <= uStretchAffectedDist) { |
Nader Jawad | 7148aa7 | 2021-03-31 13:11:57 -0700 | [diff] [blame] | 122 | outPos = computeOverscrollStart( |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 123 | inPos, |
| 124 | overscroll, |
| 125 | uStretchAffectedDist, |
Nader Jawad | ebb26b1 | 2021-04-01 15:54:09 -0700 | [diff] [blame] | 126 | uInverseStretchAffectedDist, |
Michel Comin Escude | 9ed8614 | 2021-04-13 12:30:51 -0700 | [diff] [blame] | 127 | distanceStretched, |
| 128 | interpolationStrength |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 129 | ); |
| 130 | } else if (inPos >= distanceStretched) { |
| 131 | outPos = distanceDiff + inPos; |
| 132 | } |
| 133 | } |
| 134 | if (overscroll < 0) { |
| 135 | float stretchAffectedDist = 1. - uStretchAffectedDist; |
| 136 | if (inPos >= stretchAffectedDist) { |
Nader Jawad | 7148aa7 | 2021-03-31 13:11:57 -0700 | [diff] [blame] | 137 | outPos = computeOverscrollEnd( |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 138 | inPos, |
| 139 | overscroll, |
| 140 | stretchAffectedDist, |
| 141 | uStretchAffectedDist, |
Nader Jawad | ebb26b1 | 2021-04-01 15:54:09 -0700 | [diff] [blame] | 142 | uInverseStretchAffectedDist, |
Michel Comin Escude | 9ed8614 | 2021-04-13 12:30:51 -0700 | [diff] [blame] | 143 | distanceStretched, |
| 144 | interpolationStrength |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 145 | ); |
| 146 | } else if (inPos < stretchAffectedDist) { |
| 147 | outPos = -distanceDiff + inPos; |
| 148 | } |
| 149 | } |
Nader Jawad | 7148aa7 | 2021-03-31 13:11:57 -0700 | [diff] [blame] | 150 | return outPos; |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 151 | } |
| 152 | |
| 153 | vec4 main(vec2 coord) { |
| 154 | // Normalize SKSL pixel coordinate into a unit vector |
| 155 | float inU = coord.x / viewportWidth; |
| 156 | float inV = coord.y / viewportHeight; |
| 157 | float outU; |
| 158 | float outV; |
| 159 | float stretchIntensity; |
| 160 | // Add the normalized scroll position within scrolling list |
| 161 | inU += uScrollX; |
| 162 | inV += uScrollY; |
| 163 | outU = inU; |
| 164 | outV = inV; |
Nader Jawad | 7148aa7 | 2021-03-31 13:11:57 -0700 | [diff] [blame] | 165 | outU = computeOverscroll( |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 166 | inU, |
| 167 | uOverscrollX, |
Nader Jawad | a225d21 | 2021-03-17 15:12:58 -0700 | [diff] [blame] | 168 | uStretchAffectedDistX, |
Nader Jawad | ebb26b1 | 2021-04-01 15:54:09 -0700 | [diff] [blame] | 169 | uInverseDistanceStretchedX, |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 170 | uDistanceStretchedX, |
Michel Comin Escude | 9ed8614 | 2021-04-13 12:30:51 -0700 | [diff] [blame] | 171 | uDistDiffX, |
| 172 | uInterpolationStrength |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 173 | ); |
Nader Jawad | 7148aa7 | 2021-03-31 13:11:57 -0700 | [diff] [blame] | 174 | outV = computeOverscroll( |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 175 | inV, |
| 176 | uOverscrollY, |
Nader Jawad | a225d21 | 2021-03-17 15:12:58 -0700 | [diff] [blame] | 177 | uStretchAffectedDistY, |
Nader Jawad | ebb26b1 | 2021-04-01 15:54:09 -0700 | [diff] [blame] | 178 | uInverseDistanceStretchedY, |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 179 | uDistanceStretchedY, |
Michel Comin Escude | 9ed8614 | 2021-04-13 12:30:51 -0700 | [diff] [blame] | 180 | uDistDiffY, |
| 181 | uInterpolationStrength |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 182 | ); |
| 183 | coord.x = outU * viewportWidth; |
| 184 | coord.y = outV * viewportHeight; |
| 185 | return sample(uContentTexture, coord); |
| 186 | })"); |
| 187 | |
| 188 | static const float ZERO = 0.f; |
Nader Jawad | ebb26b1 | 2021-04-01 15:54:09 -0700 | [diff] [blame] | 189 | static const float CONTENT_DISTANCE_STRETCHED = 1.f; |
Michel Comin Escude | 9ed8614 | 2021-04-13 12:30:51 -0700 | [diff] [blame] | 190 | static const float INTERPOLATION_STRENGTH_VALUE = 0.7f; |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 191 | |
Nader Jawad | 197743f | 2021-04-19 19:45:13 -0700 | [diff] [blame^] | 192 | sk_sp<SkShader> StretchEffect::getShader(float width, float height, |
| 193 | const sk_sp<SkImage>& snapshotImage) const { |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 194 | if (isEmpty()) { |
| 195 | return nullptr; |
| 196 | } |
| 197 | |
Nader Jawad | a225d21 | 2021-03-17 15:12:58 -0700 | [diff] [blame] | 198 | float normOverScrollDistX = mStretchDirection.x(); |
| 199 | float normOverScrollDistY = mStretchDirection.y(); |
Nader Jawad | ebb26b1 | 2021-04-01 15:54:09 -0700 | [diff] [blame] | 200 | float distanceStretchedX = CONTENT_DISTANCE_STRETCHED / (1 + abs(normOverScrollDistX)); |
| 201 | float distanceStretchedY = CONTENT_DISTANCE_STRETCHED / (1 + abs(normOverScrollDistY)); |
Nader Jawad | dbc85fc | 2021-04-02 22:47:27 -0700 | [diff] [blame] | 202 | float inverseDistanceStretchedX = 1.f / CONTENT_DISTANCE_STRETCHED; |
| 203 | float inverseDistanceStretchedY = 1.f / CONTENT_DISTANCE_STRETCHED; |
Nader Jawad | ebb26b1 | 2021-04-01 15:54:09 -0700 | [diff] [blame] | 204 | float diffX = distanceStretchedX - CONTENT_DISTANCE_STRETCHED; |
| 205 | float diffY = distanceStretchedY - CONTENT_DISTANCE_STRETCHED; |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 206 | |
| 207 | if (mBuilder == nullptr) { |
| 208 | mBuilder = std::make_unique<SkRuntimeShaderBuilder>(getStretchEffect()); |
| 209 | } |
| 210 | |
| 211 | mBuilder->child("uContentTexture") = snapshotImage->makeShader( |
| 212 | SkTileMode::kClamp, SkTileMode::kClamp, SkSamplingOptions(SkFilterMode::kLinear)); |
Michel Comin Escude | 9ed8614 | 2021-04-13 12:30:51 -0700 | [diff] [blame] | 213 | mBuilder->uniform("uInterpolationStrength").set(&INTERPOLATION_STRENGTH_VALUE, 1); |
Nader Jawad | ebb26b1 | 2021-04-01 15:54:09 -0700 | [diff] [blame] | 214 | mBuilder->uniform("uStretchAffectedDistX").set(&CONTENT_DISTANCE_STRETCHED, 1); |
| 215 | mBuilder->uniform("uStretchAffectedDistY").set(&CONTENT_DISTANCE_STRETCHED, 1); |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 216 | mBuilder->uniform("uDistanceStretchedX").set(&distanceStretchedX, 1); |
| 217 | mBuilder->uniform("uDistanceStretchedY").set(&distanceStretchedY, 1); |
Nader Jawad | ebb26b1 | 2021-04-01 15:54:09 -0700 | [diff] [blame] | 218 | mBuilder->uniform("uInverseDistanceStretchedX").set(&inverseDistanceStretchedX, 1); |
| 219 | mBuilder->uniform("uInverseDistanceStretchedY").set(&inverseDistanceStretchedY, 1); |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 220 | mBuilder->uniform("uDistDiffX").set(&diffX, 1); |
| 221 | mBuilder->uniform("uDistDiffY").set(&diffY, 1); |
| 222 | mBuilder->uniform("uOverscrollX").set(&normOverScrollDistX, 1); |
| 223 | mBuilder->uniform("uOverscrollY").set(&normOverScrollDistY, 1); |
| 224 | mBuilder->uniform("uScrollX").set(&ZERO, 1); |
| 225 | mBuilder->uniform("uScrollY").set(&ZERO, 1); |
Nader Jawad | 197743f | 2021-04-19 19:45:13 -0700 | [diff] [blame^] | 226 | mBuilder->uniform("viewportWidth").set(&width, 1); |
| 227 | mBuilder->uniform("viewportHeight").set(&height, 1); |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 228 | |
Nader Jawad | 197743f | 2021-04-19 19:45:13 -0700 | [diff] [blame^] | 229 | return mBuilder->makeShader(nullptr, false); |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 230 | } |
| 231 | |
| 232 | sk_sp<SkRuntimeEffect> StretchEffect::getStretchEffect() { |
Brian Osman | 64ee324 | 2021-04-20 19:46:39 +0000 | [diff] [blame] | 233 | const static SkRuntimeEffect::Result instance = SkRuntimeEffect::MakeForShader(stretchShader); |
Nader Jawad | 6701a60 | 2021-02-23 18:14:22 -0800 | [diff] [blame] | 234 | return instance.effect; |
John Reck | 5cb290b | 2021-02-01 13:47:31 -0500 | [diff] [blame] | 235 | } |
| 236 | |
| 237 | } // namespace android::uirenderer |