gl-transitions 1.75.0 → 1.76.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/llms-full.txt +251 -251
- package/llms.txt +130 -130
- package/package.json +1 -1
- package/skills/gl-transitions/references/catalog.md +2 -2
- package/sksl/index.d.ts +4 -0
- package/sksl/index.js +1 -0
package/llms-full.txt
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# gl-transitions
|
|
2
2
|
|
|
3
|
-
> The open collection of GL Transitions: 125 GLSL shaders that turn one image into another as `progress` goes from 0 to 1. Each one is also published as an SkSL runtime effect for Skia. This document describes gl-transitions@1.
|
|
3
|
+
> The open collection of GL Transitions: 125 GLSL shaders that turn one image into another as `progress` goes from 0 to 1. Each one is also published as an SkSL runtime effect for Skia. This document describes gl-transitions@1.76.0 (npm).
|
|
4
4
|
|
|
5
5
|
Every transition is GLSL (WebGL 1 / GLSL ES 1.00) that implements `vec4 transition(vec2 uv)`. The host provides:
|
|
6
6
|
|
|
@@ -23,8 +23,8 @@ Both images break into large blocks that blend, then sharpen into the incoming i
|
|
|
23
23
|
- `pixelSize` (float = 50)
|
|
24
24
|
- Author: Sergey Kosarevsky
|
|
25
25
|
- License: MIT
|
|
26
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
27
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
26
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/AdvancedMosaic.glsl
|
|
27
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/AdvancedMosaic.sksl
|
|
28
28
|
- Preview: https://gl-transitions.com/editor/AdvancedMosaic
|
|
29
29
|
|
|
30
30
|
## BlockDissolve
|
|
@@ -36,8 +36,8 @@ The incoming image appears in small random blocks
|
|
|
36
36
|
- `blocksize` (float = 0.02)
|
|
37
37
|
- Author: nwoeanhinnogaehr
|
|
38
38
|
- License: MIT
|
|
39
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
40
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
39
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/BlockDissolve.glsl
|
|
40
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/BlockDissolve.sksl
|
|
41
41
|
- Preview: https://gl-transitions.com/editor/BlockDissolve
|
|
42
42
|
|
|
43
43
|
## BookFlip
|
|
@@ -48,8 +48,8 @@ The outgoing image turns like a book page from right to left, revealing the inco
|
|
|
48
48
|
- Parameters: none
|
|
49
49
|
- Author: hong
|
|
50
50
|
- License: MIT
|
|
51
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
52
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
51
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/BookFlip.glsl
|
|
52
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/BookFlip.sksl
|
|
53
53
|
- Preview: https://gl-transitions.com/editor/BookFlip
|
|
54
54
|
|
|
55
55
|
## Bounce
|
|
@@ -63,8 +63,8 @@ The outgoing image drops out of the frame with a few bounces, revealing the inco
|
|
|
63
63
|
- `bounces` (float = 3) [range 1 to 10 step 1]: Number of bounces before settling
|
|
64
64
|
- Author: Adrian Purser
|
|
65
65
|
- License: MIT
|
|
66
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
67
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
66
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/Bounce.glsl
|
|
67
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/Bounce.sksl
|
|
68
68
|
- Preview: https://gl-transitions.com/editor/Bounce
|
|
69
69
|
|
|
70
70
|
## BowTieHorizontal
|
|
@@ -75,8 +75,8 @@ Two triangles grow from the left and right edges into a bow tie that reveals the
|
|
|
75
75
|
- Parameters: none
|
|
76
76
|
- Author: huynx
|
|
77
77
|
- License: MIT
|
|
78
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
79
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
78
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/BowTieHorizontal.glsl
|
|
79
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/BowTieHorizontal.sksl
|
|
80
80
|
- Preview: https://gl-transitions.com/editor/BowTieHorizontal
|
|
81
81
|
|
|
82
82
|
## BowTieVertical
|
|
@@ -87,8 +87,8 @@ Two triangles grow from the top and bottom edges into a bow tie that reveals the
|
|
|
87
87
|
- Parameters: none
|
|
88
88
|
- Author: huynx
|
|
89
89
|
- License: MIT
|
|
90
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
91
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
90
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/BowTieVertical.glsl
|
|
91
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/BowTieVertical.sksl
|
|
92
92
|
- Preview: https://gl-transitions.com/editor/BowTieVertical
|
|
93
93
|
|
|
94
94
|
## BowTieWithParameter
|
|
@@ -101,8 +101,8 @@ A bow-tie wipe with an adjustable shape that can run in reverse
|
|
|
101
101
|
- `reverse` (bool = false): Run the wipe in reverse
|
|
102
102
|
- Author: KMojek
|
|
103
103
|
- License: MIT
|
|
104
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
105
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
104
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/BowTieWithParameter.glsl
|
|
105
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/BowTieWithParameter.sksl
|
|
106
106
|
- Preview: https://gl-transitions.com/editor/BowTieWithParameter
|
|
107
107
|
|
|
108
108
|
## Box
|
|
@@ -115,8 +115,8 @@ The outgoing image shrinks into a box, toward the center or a corner, revealing
|
|
|
115
115
|
- `location` (int = 0) [range 0 to 4 step 1]: Where the box goes: 0 center, 1 left top, 2 left bottom, 3 right top, 4 right bottom
|
|
116
116
|
- Author: lql
|
|
117
117
|
- License: MIT
|
|
118
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
119
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
118
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/Box.glsl
|
|
119
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/Box.sksl
|
|
120
120
|
- Preview: https://gl-transitions.com/editor/Box
|
|
121
121
|
|
|
122
122
|
## ButterflyWaveScrawler
|
|
@@ -130,8 +130,8 @@ Wavy, color-separated ripples scramble the outgoing image into the incoming one
|
|
|
130
130
|
- `colorSeparation` (float = 0.3)
|
|
131
131
|
- Author: mandubian
|
|
132
132
|
- License: MIT
|
|
133
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
134
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
133
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/ButterflyWaveScrawler.glsl
|
|
134
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/ButterflyWaveScrawler.sksl
|
|
135
135
|
- Preview: https://gl-transitions.com/editor/ButterflyWaveScrawler
|
|
136
136
|
|
|
137
137
|
## CircleCrop
|
|
@@ -143,8 +143,8 @@ The outgoing image closes into a circle over a background color, then the incomi
|
|
|
143
143
|
- `bgcolor` (vec4 = vec4(0, 0, 0, 1)) [color]: Background color
|
|
144
144
|
- Author: fkuteken
|
|
145
145
|
- License: MIT
|
|
146
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
147
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
146
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/CircleCrop.glsl
|
|
147
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/CircleCrop.sksl
|
|
148
148
|
- Preview: https://gl-transitions.com/editor/CircleCrop
|
|
149
149
|
|
|
150
150
|
## ColourDistance
|
|
@@ -156,8 +156,8 @@ Pixels switch to the incoming image in order of how close their colors are
|
|
|
156
156
|
- `power` (float = 5)
|
|
157
157
|
- Author: P-Seebauer
|
|
158
158
|
- License: MIT
|
|
159
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
160
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
159
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/ColourDistance.glsl
|
|
160
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/ColourDistance.sksl
|
|
161
161
|
- Preview: https://gl-transitions.com/editor/ColourDistance
|
|
162
162
|
|
|
163
163
|
## CrazyParametricFun
|
|
@@ -172,8 +172,8 @@ The outgoing image is pulled along a parametric curve into a psychedelic swirl
|
|
|
172
172
|
- `smoothness` (float = 0.1)
|
|
173
173
|
- Author: mandubian
|
|
174
174
|
- License: MIT
|
|
175
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
176
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
175
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/CrazyParametricFun.glsl
|
|
176
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/CrazyParametricFun.sksl
|
|
177
177
|
- Preview: https://gl-transitions.com/editor/CrazyParametricFun
|
|
178
178
|
|
|
179
179
|
## CrossZoom
|
|
@@ -185,8 +185,8 @@ A crossfade through a strong zoom blur
|
|
|
185
185
|
- `strength` (float = 0.4) [range 0 to 1]: Blur strength
|
|
186
186
|
- Author: rectalogic
|
|
187
187
|
- License: MIT
|
|
188
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
189
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
188
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/CrossZoom.glsl
|
|
189
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/CrossZoom.sksl
|
|
190
190
|
- Preview: https://gl-transitions.com/editor/CrossZoom
|
|
191
191
|
|
|
192
192
|
## DefocusBlur
|
|
@@ -198,8 +198,8 @@ A crossfade through an out-of-focus blur
|
|
|
198
198
|
- `blurSize` (float = 0.02): Amount of blur
|
|
199
199
|
- Author: Sergey Kosarevsky
|
|
200
200
|
- License: MIT
|
|
201
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
202
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
201
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/DefocusBlur.glsl
|
|
202
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/DefocusBlur.sksl
|
|
203
203
|
- Preview: https://gl-transitions.com/editor/DefocusBlur
|
|
204
204
|
|
|
205
205
|
## Directional
|
|
@@ -211,8 +211,8 @@ The incoming image pushes the outgoing one out in a given direction
|
|
|
211
211
|
- `direction` (vec2 = vec2(0, 1)): Direction of the movement
|
|
212
212
|
- Author: Gaëtan Renaudeau
|
|
213
213
|
- License: MIT
|
|
214
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
215
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
214
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/Directional.glsl
|
|
215
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/Directional.sksl
|
|
216
216
|
- Preview: https://gl-transitions.com/editor/Directional
|
|
217
217
|
|
|
218
218
|
## DirectionalScaled
|
|
@@ -225,8 +225,8 @@ Like Directional, with both images scaled down while they slide
|
|
|
225
225
|
- `scale` (float = 0.7)
|
|
226
226
|
- Author: Thibaut Foussard
|
|
227
227
|
- License: MIT
|
|
228
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
229
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
228
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/DirectionalScaled.glsl
|
|
229
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/DirectionalScaled.sksl
|
|
230
230
|
- Preview: https://gl-transitions.com/editor/DirectionalScaled
|
|
231
231
|
|
|
232
232
|
## DoomScreenTransition
|
|
@@ -242,8 +242,8 @@ The outgoing image melts down in uneven columns, like the Doom screen wipe
|
|
|
242
242
|
- `dripScale` (float = 0.5)
|
|
243
243
|
- Author: Zeh Fernando
|
|
244
244
|
- License: MIT
|
|
245
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
246
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
245
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/DoomScreenTransition.glsl
|
|
246
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/DoomScreenTransition.sksl
|
|
247
247
|
- Preview: https://gl-transitions.com/editor/DoomScreenTransition
|
|
248
248
|
|
|
249
249
|
## Dreamy
|
|
@@ -254,8 +254,8 @@ A crossfade with a gentle wavy distortion
|
|
|
254
254
|
- Parameters: none
|
|
255
255
|
- Author: mikolalysenko
|
|
256
256
|
- License: MIT
|
|
257
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
258
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
257
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/Dreamy.glsl
|
|
258
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/Dreamy.sksl
|
|
259
259
|
- Preview: https://gl-transitions.com/editor/Dreamy
|
|
260
260
|
|
|
261
261
|
## DreamyZoom
|
|
@@ -268,8 +268,8 @@ Zooms and rotates into a bright flash, then out to the incoming image
|
|
|
268
268
|
- `scale` (float = 1.2)
|
|
269
269
|
- Author: Zeh Fernando
|
|
270
270
|
- License: MIT
|
|
271
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
272
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
271
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/DreamyZoom.glsl
|
|
272
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/DreamyZoom.sksl
|
|
273
273
|
- Preview: https://gl-transitions.com/editor/DreamyZoom
|
|
274
274
|
|
|
275
275
|
## Drop_Zone_Flicker
|
|
@@ -286,8 +286,8 @@ A flickering glitch with RGB offset, ghosting and scanlines that flashes back to
|
|
|
286
286
|
- `scanline` (float = 0.075)
|
|
287
287
|
- Author: bread
|
|
288
288
|
- License: MIT
|
|
289
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
290
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
289
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/Drop_Zone_Flicker.glsl
|
|
290
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/Drop_Zone_Flicker.sksl
|
|
291
291
|
- Preview: https://gl-transitions.com/editor/Drop_Zone_Flicker
|
|
292
292
|
|
|
293
293
|
## EdgeTransition
|
|
@@ -300,8 +300,8 @@ Both images fade through black with their edges glowing
|
|
|
300
300
|
- `edge_brightness` (float = 8)
|
|
301
301
|
- Author: Woohyun Kim
|
|
302
302
|
- License: MIT
|
|
303
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
304
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
303
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/EdgeTransition.glsl
|
|
304
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/EdgeTransition.sksl
|
|
305
305
|
- Preview: https://gl-transitions.com/editor/EdgeTransition
|
|
306
306
|
|
|
307
307
|
## FilmBurn
|
|
@@ -313,8 +313,8 @@ Glowing film-burn light leaks wash over the image and reveal the incoming one
|
|
|
313
313
|
- `Seed` (float = 2.31): Random seed
|
|
314
314
|
- Author: Anastasia Dunbar
|
|
315
315
|
- License: MIT
|
|
316
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
317
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
316
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/FilmBurn.glsl
|
|
317
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/FilmBurn.sksl
|
|
318
318
|
- Preview: https://gl-transitions.com/editor/FilmBurn
|
|
319
319
|
|
|
320
320
|
## Fold
|
|
@@ -325,8 +325,8 @@ The incoming image unfolds from the left while the outgoing one folds away to th
|
|
|
325
325
|
- Parameters: none
|
|
326
326
|
- Author: nwoeanhinnogaehr
|
|
327
327
|
- License: MIT
|
|
328
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
329
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
328
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/Fold.glsl
|
|
329
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/Fold.sksl
|
|
330
330
|
- Preview: https://gl-transitions.com/editor/Fold
|
|
331
331
|
|
|
332
332
|
## GlitchDisplace
|
|
@@ -337,8 +337,8 @@ Blocks of the image are displaced in a glitch that flashes into the incoming ima
|
|
|
337
337
|
- Parameters: none
|
|
338
338
|
- Author: Matt DesLauriers
|
|
339
339
|
- License: MIT
|
|
340
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
341
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
340
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/GlitchDisplace.glsl
|
|
341
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/GlitchDisplace.sksl
|
|
342
342
|
- Preview: https://gl-transitions.com/editor/GlitchDisplace
|
|
343
343
|
|
|
344
344
|
## GlitchMemories
|
|
@@ -349,8 +349,8 @@ A crossfade with glitchy, color-shifted blocks
|
|
|
349
349
|
- Parameters: none
|
|
350
350
|
- Author: Gunnar Roth
|
|
351
351
|
- License: MIT
|
|
352
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
353
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
352
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/GlitchMemories.glsl
|
|
353
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/GlitchMemories.sksl
|
|
354
354
|
- Preview: https://gl-transitions.com/editor/GlitchMemories
|
|
355
355
|
|
|
356
356
|
## GridFlip
|
|
@@ -366,8 +366,8 @@ The image splits into a grid of tiles that flip one by one to the incoming image
|
|
|
366
366
|
- `randomness` (float = 0.1)
|
|
367
367
|
- Author: TimDonselaar
|
|
368
368
|
- License: MIT
|
|
369
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
370
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
369
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/GridFlip.glsl
|
|
370
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/GridFlip.sksl
|
|
371
371
|
- Preview: https://gl-transitions.com/editor/GridFlip
|
|
372
372
|
|
|
373
373
|
## HSVfade
|
|
@@ -378,8 +378,8 @@ A crossfade through the HSV color space that cycles through hues
|
|
|
378
378
|
- Parameters: none
|
|
379
379
|
- Author: nwoeanhinnogaehr
|
|
380
380
|
- License: MIT
|
|
381
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
382
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
381
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/HSVfade.glsl
|
|
382
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/HSVfade.sksl
|
|
383
383
|
- Preview: https://gl-transitions.com/editor/HSVfade
|
|
384
384
|
|
|
385
385
|
## HorizontalClose
|
|
@@ -390,8 +390,8 @@ The incoming image closes in from the top and bottom edges toward the middle
|
|
|
390
390
|
- Parameters: none
|
|
391
391
|
- Author: martiniti
|
|
392
392
|
- License: MIT
|
|
393
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
394
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
393
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/HorizontalClose.glsl
|
|
394
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/HorizontalClose.sksl
|
|
395
395
|
- Preview: https://gl-transitions.com/editor/HorizontalClose
|
|
396
396
|
|
|
397
397
|
## HorizontalOpen
|
|
@@ -402,8 +402,8 @@ The incoming image opens from a line in the middle toward the top and bottom edg
|
|
|
402
402
|
- Parameters: none
|
|
403
403
|
- Author: martiniti
|
|
404
404
|
- License: MIT
|
|
405
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
406
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
405
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/HorizontalOpen.glsl
|
|
406
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/HorizontalOpen.sksl
|
|
407
407
|
- Preview: https://gl-transitions.com/editor/HorizontalOpen
|
|
408
408
|
|
|
409
409
|
## InvertedPageCurl
|
|
@@ -414,8 +414,8 @@ The outgoing image curls away like a page, revealing the incoming one
|
|
|
414
414
|
- Parameters: none
|
|
415
415
|
- Author: Hewlett-Packard
|
|
416
416
|
- License: BSD 3 Clause
|
|
417
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
418
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
417
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/InvertedPageCurl.glsl
|
|
418
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/InvertedPageCurl.sksl
|
|
419
419
|
- Preview: https://gl-transitions.com/editor/InvertedPageCurl
|
|
420
420
|
|
|
421
421
|
## LeftRight
|
|
@@ -426,8 +426,8 @@ The outgoing image shrinks away to the left while the incoming one slides in fro
|
|
|
426
426
|
- Parameters: none
|
|
427
427
|
- Author: zhmy
|
|
428
428
|
- License: MIT
|
|
429
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
430
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
429
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/LeftRight.glsl
|
|
430
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/LeftRight.sksl
|
|
431
431
|
- Preview: https://gl-transitions.com/editor/LeftRight
|
|
432
432
|
|
|
433
433
|
## LinearBlur
|
|
@@ -439,8 +439,8 @@ A crossfade through a blur
|
|
|
439
439
|
- `intensity` (float = 0.1): Amount of blur
|
|
440
440
|
- Author: gre
|
|
441
441
|
- License: MIT
|
|
442
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
443
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
442
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/LinearBlur.glsl
|
|
443
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/LinearBlur.sksl
|
|
444
444
|
- Preview: https://gl-transitions.com/editor/LinearBlur
|
|
445
445
|
|
|
446
446
|
## Mosaic
|
|
@@ -453,8 +453,8 @@ The view pans across a mosaic of rotated tiles from both images and settles on t
|
|
|
453
453
|
- `endy` (int = -1)
|
|
454
454
|
- Author: Xaychru
|
|
455
455
|
- License: MIT
|
|
456
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
457
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
456
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/Mosaic.glsl
|
|
457
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/Mosaic.sksl
|
|
458
458
|
- Preview: https://gl-transitions.com/editor/Mosaic
|
|
459
459
|
|
|
460
460
|
## Overexposure
|
|
@@ -466,8 +466,8 @@ A crossfade through a washed-out, overexposed white
|
|
|
466
466
|
- `strength` (float = 0.6): Amount of overexposure
|
|
467
467
|
- Author: Ben Zhang
|
|
468
468
|
- License: MIT
|
|
469
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
470
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
469
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/Overexposure.glsl
|
|
470
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/Overexposure.sksl
|
|
471
471
|
- Preview: https://gl-transitions.com/editor/Overexposure
|
|
472
472
|
|
|
473
473
|
## PolkaDotsCurtain
|
|
@@ -480,8 +480,8 @@ The incoming image appears through growing polka dots
|
|
|
480
480
|
- `center` (vec2 = vec2(0, 0))
|
|
481
481
|
- Author: bobylito
|
|
482
482
|
- License: MIT
|
|
483
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
484
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
483
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/PolkaDotsCurtain.glsl
|
|
484
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/PolkaDotsCurtain.sksl
|
|
485
485
|
- Preview: https://gl-transitions.com/editor/PolkaDotsCurtain
|
|
486
486
|
|
|
487
487
|
## PuzzleRight
|
|
@@ -495,8 +495,8 @@ The image splits into a grid of tiles that flip one by one to the incoming image
|
|
|
495
495
|
- `dividerWidth` (float = 0.005)
|
|
496
496
|
- Author: JustKirillS
|
|
497
497
|
- License: MIT
|
|
498
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
499
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
498
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/PuzzleRight.glsl
|
|
499
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/PuzzleRight.sksl
|
|
500
500
|
- Preview: https://gl-transitions.com/editor/PuzzleRight
|
|
501
501
|
|
|
502
502
|
## Radial
|
|
@@ -508,8 +508,8 @@ A radial wipe that sweeps around the center like a clock hand
|
|
|
508
508
|
- `smoothness` (float = 1)
|
|
509
509
|
- Author: Xaychru
|
|
510
510
|
- License: MIT
|
|
511
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
512
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
511
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/Radial.glsl
|
|
512
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/Radial.sksl
|
|
513
513
|
- Preview: https://gl-transitions.com/editor/Radial
|
|
514
514
|
|
|
515
515
|
## Rectangle
|
|
@@ -521,8 +521,8 @@ A rectangle grows from the center to cover the outgoing image, then shrinks to r
|
|
|
521
521
|
- `bgcolor` (vec4 = vec4(0, 0, 0, 1)) [color]: Color of the rectangle
|
|
522
522
|
- Author: martiniti
|
|
523
523
|
- License: MIT
|
|
524
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
525
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
524
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/Rectangle.glsl
|
|
525
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/Rectangle.sksl
|
|
526
526
|
- Preview: https://gl-transitions.com/editor/Rectangle
|
|
527
527
|
|
|
528
528
|
## RectangleCrop
|
|
@@ -534,8 +534,8 @@ The outgoing image shrinks into a small rectangle over a background color, then
|
|
|
534
534
|
- `bgcolor` (vec4 = vec4(0, 0, 0, 1)) [color]: Background color
|
|
535
535
|
- Author: martiniti
|
|
536
536
|
- License: MIT
|
|
537
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
538
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
537
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/RectangleCrop.glsl
|
|
538
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/RectangleCrop.sksl
|
|
539
539
|
- Preview: https://gl-transitions.com/editor/RectangleCrop
|
|
540
540
|
|
|
541
541
|
## Revolve_Left
|
|
@@ -556,8 +556,8 @@ The outgoing image swirls and zooms with motion blur into the incoming one
|
|
|
556
556
|
- `shadow` (float = 0.16)
|
|
557
557
|
- Author: bread
|
|
558
558
|
- License: MIT
|
|
559
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
560
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
559
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/Revolve_Left.glsl
|
|
560
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/Revolve_Left.sksl
|
|
561
561
|
- Preview: https://gl-transitions.com/editor/Revolve_Left
|
|
562
562
|
|
|
563
563
|
## Rolls
|
|
@@ -570,8 +570,8 @@ The outgoing image rolls away around a corner, revealing the incoming one
|
|
|
570
570
|
- `RotDown` (bool = false): Roll the outgoing image down instead of up
|
|
571
571
|
- Author: Mark Craig
|
|
572
572
|
- License: MIT
|
|
573
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
574
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
573
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/Rolls.glsl
|
|
574
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/Rolls.sksl
|
|
575
575
|
- Preview: https://gl-transitions.com/editor/Rolls
|
|
576
576
|
|
|
577
577
|
## RotateScaleVanish
|
|
@@ -585,8 +585,8 @@ The outgoing image spins and shrinks away over the incoming one
|
|
|
585
585
|
- `ReverseRotation` (bool = false): Rotate the other way
|
|
586
586
|
- Author: Mark Craig
|
|
587
587
|
- License: MIT
|
|
588
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
589
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
588
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/RotateScaleVanish.glsl
|
|
589
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/RotateScaleVanish.sksl
|
|
590
590
|
- Preview: https://gl-transitions.com/editor/RotateScaleVanish
|
|
591
591
|
|
|
592
592
|
## SimpleFlip
|
|
@@ -597,8 +597,8 @@ The outgoing image flips around the vertical axis into the incoming one
|
|
|
597
597
|
- Parameters: none
|
|
598
598
|
- Author: nwoeanhinnogaehr
|
|
599
599
|
- License: MIT
|
|
600
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
601
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
600
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/SimpleFlip.glsl
|
|
601
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/SimpleFlip.sksl
|
|
602
602
|
- Preview: https://gl-transitions.com/editor/SimpleFlip
|
|
603
603
|
|
|
604
604
|
## SimpleZoom
|
|
@@ -610,8 +610,8 @@ Zooms into the outgoing image, then fades to the incoming one
|
|
|
610
610
|
- `zoom_quickness` (float = 0.8) [range 0.2 to 1]: Part of the transition spent zooming
|
|
611
611
|
- Author: 0gust1
|
|
612
612
|
- License: MIT
|
|
613
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
614
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
613
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/SimpleZoom.glsl
|
|
614
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/SimpleZoom.sksl
|
|
615
615
|
- Preview: https://gl-transitions.com/editor/SimpleZoom
|
|
616
616
|
|
|
617
617
|
## SimpleZoomOut
|
|
@@ -624,8 +624,8 @@ The incoming image zooms out into place while fading in
|
|
|
624
624
|
- `fade` (bool = true): Fade instead of cutting to the incoming image
|
|
625
625
|
- Author: Tianshuo
|
|
626
626
|
- License: MIT
|
|
627
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
628
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
627
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/SimpleZoomOut.glsl
|
|
628
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/SimpleZoomOut.sksl
|
|
629
629
|
- Preview: https://gl-transitions.com/editor/SimpleZoomOut
|
|
630
630
|
|
|
631
631
|
## Slides
|
|
@@ -638,8 +638,8 @@ The outgoing image slides out, or the incoming one slides in, toward an edge, a
|
|
|
638
638
|
- `In` (bool = false): Slide the incoming image in instead of the outgoing one out
|
|
639
639
|
- Author: Mark Craig
|
|
640
640
|
- License: MIT
|
|
641
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
642
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
641
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/Slides.glsl
|
|
642
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/Slides.sksl
|
|
643
643
|
- Preview: https://gl-transitions.com/editor/Slides
|
|
644
644
|
|
|
645
645
|
## StarWipe
|
|
@@ -654,8 +654,8 @@ A growing star reveals the incoming image
|
|
|
654
654
|
- `star_center` (vec2 = vec2(0.5, 0.5)): Center of the star
|
|
655
655
|
- Author: Ben Lucas
|
|
656
656
|
- License: MIT
|
|
657
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
658
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
657
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/StarWipe.glsl
|
|
658
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/StarWipe.sksl
|
|
659
659
|
- Preview: https://gl-transitions.com/editor/StarWipe
|
|
660
660
|
|
|
661
661
|
## StaticFade
|
|
@@ -668,8 +668,8 @@ Cuts to the incoming image halfway, hidden behind a burst of TV static
|
|
|
668
668
|
- `static_luminosity` (float = 0.8)
|
|
669
669
|
- Author: Ben Lucas
|
|
670
670
|
- License: MIT
|
|
671
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
672
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
671
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/StaticFade.glsl
|
|
672
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/StaticFade.sksl
|
|
673
673
|
- Preview: https://gl-transitions.com/editor/StaticFade
|
|
674
674
|
|
|
675
675
|
## StereoViewer
|
|
@@ -682,8 +682,8 @@ Both images shrink into rounded cards that swap, like a stereo viewer toy
|
|
|
682
682
|
- `corner_radius` (float = 0.22)
|
|
683
683
|
- Author: Ted Schundler
|
|
684
684
|
- License: BSD 2 Clause
|
|
685
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
686
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
685
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/StereoViewer.glsl
|
|
686
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/StereoViewer.sksl
|
|
687
687
|
- Preview: https://gl-transitions.com/editor/StereoViewer
|
|
688
688
|
|
|
689
689
|
## StripDatamoshGlitch
|
|
@@ -703,8 +703,8 @@ A datamosh glitch: torn strips, chroma shifts and scan noise drag the outgoing i
|
|
|
703
703
|
- `flashAmount` (float = 0.2)
|
|
704
704
|
- Author: bread
|
|
705
705
|
- License: MIT
|
|
706
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
707
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
706
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/StripDatamoshGlitch.glsl
|
|
707
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/StripDatamoshGlitch.sksl
|
|
708
708
|
- Preview: https://gl-transitions.com/editor/StripDatamoshGlitch
|
|
709
709
|
|
|
710
710
|
## Swirl
|
|
@@ -715,8 +715,8 @@ Both images swirl around the center while crossfading
|
|
|
715
715
|
- Parameters: none
|
|
716
716
|
- Author: Sergey Kosarevsky
|
|
717
717
|
- License: MIT
|
|
718
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
719
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
718
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/Swirl.glsl
|
|
719
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/Swirl.sksl
|
|
720
720
|
- Preview: https://gl-transitions.com/editor/Swirl
|
|
721
721
|
|
|
722
722
|
## TVStatic
|
|
@@ -728,8 +728,8 @@ Cuts to full-screen TV static, then to the incoming image
|
|
|
728
728
|
- `offset` (float = 0.05): Part of the transition, at each end, that shows the images instead of static
|
|
729
729
|
- Author: Brandon Anzaldi
|
|
730
730
|
- License: MIT
|
|
731
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
732
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
731
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/TVStatic.glsl
|
|
732
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/TVStatic.sksl
|
|
733
733
|
- Preview: https://gl-transitions.com/editor/TVStatic
|
|
734
734
|
|
|
735
735
|
## TilesWave
|
|
@@ -743,8 +743,8 @@ The incoming image is revealed tile by tile in a diagonal wave
|
|
|
743
743
|
- `flipY` (bool = false)
|
|
744
744
|
- Author: numb3r23
|
|
745
745
|
- License: MIT
|
|
746
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
747
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
746
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/TilesWave.glsl
|
|
747
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/TilesWave.sksl
|
|
748
748
|
- Preview: https://gl-transitions.com/editor/TilesWave
|
|
749
749
|
|
|
750
750
|
## TopBottom
|
|
@@ -755,8 +755,8 @@ The outgoing image shrinks away upward while the incoming one slides in from the
|
|
|
755
755
|
- Parameters: none
|
|
756
756
|
- Author: zhmy
|
|
757
757
|
- License: MIT
|
|
758
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
759
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
758
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/TopBottom.glsl
|
|
759
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/TopBottom.sksl
|
|
760
760
|
- Preview: https://gl-transitions.com/editor/TopBottom
|
|
761
761
|
|
|
762
762
|
## VerticalClose
|
|
@@ -767,8 +767,8 @@ The incoming image closes in from the left and right edges toward the middle
|
|
|
767
767
|
- Parameters: none
|
|
768
768
|
- Author: martiniti
|
|
769
769
|
- License: MIT
|
|
770
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
771
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
770
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/VerticalClose.glsl
|
|
771
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/VerticalClose.sksl
|
|
772
772
|
- Preview: https://gl-transitions.com/editor/VerticalClose
|
|
773
773
|
|
|
774
774
|
## VerticalOpen
|
|
@@ -779,8 +779,8 @@ The incoming image opens from a line in the middle toward the left and right edg
|
|
|
779
779
|
- Parameters: none
|
|
780
780
|
- Author: martiniti
|
|
781
781
|
- License: MIT
|
|
782
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
783
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
782
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/VerticalOpen.glsl
|
|
783
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/VerticalOpen.sksl
|
|
784
784
|
- Preview: https://gl-transitions.com/editor/VerticalOpen
|
|
785
785
|
|
|
786
786
|
## WaterDrop
|
|
@@ -793,8 +793,8 @@ Ripples spread from the center like a drop falling into water, crossfading to th
|
|
|
793
793
|
- `speed` (float = 30): Speed of the ripples
|
|
794
794
|
- Author: Paweł Płóciennik
|
|
795
795
|
- License: MIT
|
|
796
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
797
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
796
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/WaterDrop.glsl
|
|
797
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/WaterDrop.sksl
|
|
798
798
|
- Preview: https://gl-transitions.com/editor/WaterDrop
|
|
799
799
|
|
|
800
800
|
## ZoomInCircles
|
|
@@ -805,8 +805,8 @@ Concentric rings of the outgoing image zoom at different speeds before revealing
|
|
|
805
805
|
- Parameters: none
|
|
806
806
|
- Author: dycm8009
|
|
807
807
|
- License: MIT
|
|
808
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
809
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
808
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/ZoomInCircles.glsl
|
|
809
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/ZoomInCircles.sksl
|
|
810
810
|
- Preview: https://gl-transitions.com/editor/ZoomInCircles
|
|
811
811
|
|
|
812
812
|
## ZoomLeftWipe
|
|
@@ -818,8 +818,8 @@ Zooms into the outgoing image, then the incoming one wipes in from right to left
|
|
|
818
818
|
- `zoom_quickness` (float = 0.8): Part of the first half spent zooming (capped at 0.5)
|
|
819
819
|
- Author: Handk
|
|
820
820
|
- License: MIT
|
|
821
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
822
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
821
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/ZoomLeftWipe.glsl
|
|
822
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/ZoomLeftWipe.sksl
|
|
823
823
|
- Preview: https://gl-transitions.com/editor/ZoomLeftWipe
|
|
824
824
|
|
|
825
825
|
## ZoomRigthWipe
|
|
@@ -831,8 +831,8 @@ Zooms into the outgoing image, then the incoming one wipes in from left to right
|
|
|
831
831
|
- `zoom_quickness` (float = 0.8): Part of the first half spent zooming (capped at 0.5)
|
|
832
832
|
- Author: Handk
|
|
833
833
|
- License: MIT
|
|
834
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
835
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
834
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/ZoomRigthWipe.glsl
|
|
835
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/ZoomRigthWipe.sksl
|
|
836
836
|
- Preview: https://gl-transitions.com/editor/ZoomRigthWipe
|
|
837
837
|
|
|
838
838
|
## angular
|
|
@@ -844,8 +844,8 @@ A wipe that sweeps around the center from a starting angle
|
|
|
844
844
|
- `startingAngle` (float = 90) [range 0 to 360]: Angle where the wipe starts, in degrees
|
|
845
845
|
- Author: Fernando Kuteken
|
|
846
846
|
- License: MIT
|
|
847
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
848
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
847
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/angular.glsl
|
|
848
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/angular.sksl
|
|
849
849
|
- Preview: https://gl-transitions.com/editor/angular
|
|
850
850
|
|
|
851
851
|
## burn
|
|
@@ -857,8 +857,8 @@ A crossfade that brightens toward a color in the middle
|
|
|
857
857
|
- `color` (vec3 = vec3(0.9, 0.4, 0.2)) [color]: Color the images brighten toward
|
|
858
858
|
- Author: gre
|
|
859
859
|
- License: MIT
|
|
860
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
861
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
860
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/burn.glsl
|
|
861
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/burn.sksl
|
|
862
862
|
- Preview: https://gl-transitions.com/editor/burn
|
|
863
863
|
|
|
864
864
|
## burn0
|
|
@@ -870,8 +870,8 @@ The outgoing image burns away in noisy, glowing patches
|
|
|
870
870
|
- `burnColor` (vec3 = vec3(1, 0.5, 0)) [color]: Color of the burning edges
|
|
871
871
|
- Author: liubailin2020@gmail.com
|
|
872
872
|
- License: MIT
|
|
873
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
874
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
873
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/burn0.glsl
|
|
874
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/burn0.sksl
|
|
875
875
|
- Preview: https://gl-transitions.com/editor/burn0
|
|
876
876
|
|
|
877
877
|
## cannabisleaf
|
|
@@ -882,8 +882,8 @@ A cannabis-leaf shape grows from the center to reveal the incoming image
|
|
|
882
882
|
- Parameters: none
|
|
883
883
|
- Author: @Flexi23
|
|
884
884
|
- License: MIT
|
|
885
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
886
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
885
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/cannabisleaf.glsl
|
|
886
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/cannabisleaf.sksl
|
|
887
887
|
- Preview: https://gl-transitions.com/editor/cannabisleaf
|
|
888
888
|
|
|
889
889
|
## chessboard
|
|
@@ -895,8 +895,8 @@ A chessboard pattern of squares reveals the incoming image
|
|
|
895
895
|
- `grid_num` (float = 10): Number of squares per row
|
|
896
896
|
- Author: lql
|
|
897
897
|
- License: MIT
|
|
898
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
899
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
898
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/chessboard.glsl
|
|
899
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/chessboard.sksl
|
|
900
900
|
- Preview: https://gl-transitions.com/editor/chessboard
|
|
901
901
|
|
|
902
902
|
## circle
|
|
@@ -909,8 +909,8 @@ The outgoing image closes into a circle over a background color, then the incomi
|
|
|
909
909
|
- `backColor` (vec3 = vec3(0.1, 0.1, 0.1)) [color]: Background color
|
|
910
910
|
- Author: Fernando Kuteken
|
|
911
911
|
- License: MIT
|
|
912
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
913
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
912
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/circle.glsl
|
|
913
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/circle.sksl
|
|
914
914
|
- Preview: https://gl-transitions.com/editor/circle
|
|
915
915
|
|
|
916
916
|
## circleopen
|
|
@@ -923,8 +923,8 @@ A soft-edged circle opens from the center to reveal the incoming image
|
|
|
923
923
|
- `opening` (bool = true): Open the circle; false closes it instead
|
|
924
924
|
- Author: gre
|
|
925
925
|
- License: MIT
|
|
926
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
927
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
926
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/circleopen.glsl
|
|
927
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/circleopen.sksl
|
|
928
928
|
- Preview: https://gl-transitions.com/editor/circleopen
|
|
929
929
|
|
|
930
930
|
## colorphase
|
|
@@ -937,8 +937,8 @@ A crossfade in which each color channel changes at a different time
|
|
|
937
937
|
- `toStep` (vec4 = vec4(0.6, 0.8, 1, 1)) [range 0 to 1]: When each channel (r, g, b, a) finishes changing
|
|
938
938
|
- Author: gre
|
|
939
939
|
- License: MIT
|
|
940
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
941
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
940
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/colorphase.glsl
|
|
941
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/colorphase.sksl
|
|
942
942
|
- Preview: https://gl-transitions.com/editor/colorphase
|
|
943
943
|
|
|
944
944
|
## coord-from-in
|
|
@@ -949,8 +949,8 @@ A crossfade in which the colors of one image displace the other
|
|
|
949
949
|
- Parameters: none
|
|
950
950
|
- Author: haiyoucuv
|
|
951
951
|
- License: MIT
|
|
952
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
953
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
952
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/coord-from-in.glsl
|
|
953
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/coord-from-in.sksl
|
|
954
954
|
- Preview: https://gl-transitions.com/editor/coord-from-in
|
|
955
955
|
|
|
956
956
|
## crosshatch
|
|
@@ -964,8 +964,8 @@ The incoming image appears through a crosshatch of lines spreading from the cent
|
|
|
964
964
|
- `fadeEdge` (float = 0.1)
|
|
965
965
|
- Author: pthrasher
|
|
966
966
|
- License: MIT
|
|
967
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
968
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
967
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/crosshatch.glsl
|
|
968
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/crosshatch.sksl
|
|
969
969
|
- Preview: https://gl-transitions.com/editor/crosshatch
|
|
970
970
|
|
|
971
971
|
## crosswarp
|
|
@@ -976,8 +976,8 @@ The outgoing image zooms in while the incoming one zooms out into place, sweepin
|
|
|
976
976
|
- Parameters: none
|
|
977
977
|
- Author: Eke Péter <peterekepeter@gmail.com>
|
|
978
978
|
- License: MIT
|
|
979
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
980
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
979
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/crosswarp.glsl
|
|
980
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/crosswarp.sksl
|
|
981
981
|
- Preview: https://gl-transitions.com/editor/crosswarp
|
|
982
982
|
|
|
983
983
|
## cube
|
|
@@ -992,8 +992,8 @@ The two images are faces of a rotating 3D cube, with a floor reflection
|
|
|
992
992
|
- `floating` (float = 3)
|
|
993
993
|
- Author: gre
|
|
994
994
|
- License: MIT
|
|
995
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
996
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
995
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/cube.glsl
|
|
996
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/cube.sksl
|
|
997
997
|
- Preview: https://gl-transitions.com/editor/cube
|
|
998
998
|
|
|
999
999
|
## directional-easing
|
|
@@ -1005,8 +1005,8 @@ Like Directional, with an eased movement
|
|
|
1005
1005
|
- `direction` (vec2 = vec2(0, 1)): Direction of the movement
|
|
1006
1006
|
- Author: Max Plotnikov
|
|
1007
1007
|
- License: MIT
|
|
1008
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1009
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1008
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/directional-easing.glsl
|
|
1009
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/directional-easing.sksl
|
|
1010
1010
|
- Preview: https://gl-transitions.com/editor/directional-easing
|
|
1011
1011
|
|
|
1012
1012
|
## directionalwarp
|
|
@@ -1019,8 +1019,8 @@ A diagonal wipe with a warped, smeared edge
|
|
|
1019
1019
|
- `direction` (vec2 = vec2(-1, 1)): Direction of the wipe
|
|
1020
1020
|
- Author: pschroen
|
|
1021
1021
|
- License: MIT
|
|
1022
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1023
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1022
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/directionalwarp.glsl
|
|
1023
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/directionalwarp.sksl
|
|
1024
1024
|
- Preview: https://gl-transitions.com/editor/directionalwarp
|
|
1025
1025
|
|
|
1026
1026
|
## directionalwipe
|
|
@@ -1033,8 +1033,8 @@ A soft-edged diagonal wipe
|
|
|
1033
1033
|
- `smoothness` (float = 0.5): Softness of the edge
|
|
1034
1034
|
- Author: gre
|
|
1035
1035
|
- License: MIT
|
|
1036
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1037
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1036
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/directionalwipe.glsl
|
|
1037
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/directionalwipe.sksl
|
|
1038
1038
|
- Preview: https://gl-transitions.com/editor/directionalwipe
|
|
1039
1039
|
|
|
1040
1040
|
## displacement
|
|
@@ -1047,8 +1047,8 @@ A crossfade in which a displacement map (an extra grayscale texture) warps both
|
|
|
1047
1047
|
- Extra textures: `displacementMap` (sampler2D)
|
|
1048
1048
|
- Author: Travis Fischer
|
|
1049
1049
|
- License: MIT
|
|
1050
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1051
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1050
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/displacement.glsl
|
|
1051
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/displacement.sksl
|
|
1052
1052
|
- Preview: https://gl-transitions.com/editor/displacement
|
|
1053
1053
|
|
|
1054
1054
|
## dissolve
|
|
@@ -1064,8 +1064,8 @@ The incoming image spreads over the outgoing one with a hot, glowing edge
|
|
|
1064
1064
|
- `uIntensity` (float = 1)
|
|
1065
1065
|
- Author: hjm1fb
|
|
1066
1066
|
- License: MIT
|
|
1067
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1068
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1067
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/dissolve.glsl
|
|
1068
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/dissolve.sksl
|
|
1069
1069
|
- Preview: https://gl-transitions.com/editor/dissolve
|
|
1070
1070
|
|
|
1071
1071
|
## doorway
|
|
@@ -1079,8 +1079,8 @@ The outgoing image opens like double doors as the incoming one comes forward, wi
|
|
|
1079
1079
|
- `depth` (float = 3)
|
|
1080
1080
|
- Author: gre
|
|
1081
1081
|
- License: MIT
|
|
1082
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1083
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1082
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/doorway.glsl
|
|
1083
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/doorway.sksl
|
|
1084
1084
|
- Preview: https://gl-transitions.com/editor/doorway
|
|
1085
1085
|
|
|
1086
1086
|
## fade
|
|
@@ -1091,8 +1091,8 @@ A linear crossfade between the two images
|
|
|
1091
1091
|
- Parameters: none
|
|
1092
1092
|
- Author: gre
|
|
1093
1093
|
- License: MIT
|
|
1094
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1095
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1094
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/fade.glsl
|
|
1095
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/fade.sksl
|
|
1096
1096
|
- Preview: https://gl-transitions.com/editor/fade
|
|
1097
1097
|
|
|
1098
1098
|
## fadecolor
|
|
@@ -1105,8 +1105,8 @@ A fade through a solid color, black by default
|
|
|
1105
1105
|
- `colorPhase` (float = 0.4) [range 0 to 1]: How long the color shows in the middle
|
|
1106
1106
|
- Author: gre
|
|
1107
1107
|
- License: MIT
|
|
1108
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1109
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1108
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/fadecolor.glsl
|
|
1109
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/fadecolor.sksl
|
|
1110
1110
|
- Preview: https://gl-transitions.com/editor/fadecolor
|
|
1111
1111
|
|
|
1112
1112
|
## fadegrayscale
|
|
@@ -1118,8 +1118,8 @@ A crossfade through grayscale
|
|
|
1118
1118
|
- `intensity` (float = 0.3) [range 0 to 1]: How long the grayscale phase lasts
|
|
1119
1119
|
- Author: gre
|
|
1120
1120
|
- License: MIT
|
|
1121
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1122
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1121
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/fadegrayscale.glsl
|
|
1122
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/fadegrayscale.sksl
|
|
1123
1123
|
- Preview: https://gl-transitions.com/editor/fadegrayscale
|
|
1124
1124
|
|
|
1125
1125
|
## flyeye
|
|
@@ -1133,8 +1133,8 @@ The image breaks into a fly's-eye grid of lenses with color separation
|
|
|
1133
1133
|
- `colorSeparation` (float = 0.3)
|
|
1134
1134
|
- Author: gre
|
|
1135
1135
|
- License: MIT
|
|
1136
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1137
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1136
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/flyeye.glsl
|
|
1137
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/flyeye.sksl
|
|
1138
1138
|
- Preview: https://gl-transitions.com/editor/flyeye
|
|
1139
1139
|
|
|
1140
1140
|
## fragment
|
|
@@ -1145,8 +1145,8 @@ The outgoing image shatters into fragments that fly away
|
|
|
1145
1145
|
- Parameters: none
|
|
1146
1146
|
- Author: lbl
|
|
1147
1147
|
- License: MIT
|
|
1148
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1149
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1148
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/fragment.glsl
|
|
1149
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/fragment.sksl
|
|
1150
1150
|
- Preview: https://gl-transitions.com/editor/fragment
|
|
1151
1151
|
|
|
1152
1152
|
## heart
|
|
@@ -1157,8 +1157,8 @@ A heart shape grows from the center to reveal the incoming image
|
|
|
1157
1157
|
- Parameters: none
|
|
1158
1158
|
- Author: gre
|
|
1159
1159
|
- License: MIT
|
|
1160
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1161
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1160
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/heart.glsl
|
|
1161
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/heart.sksl
|
|
1162
1162
|
- Preview: https://gl-transitions.com/editor/heart
|
|
1163
1163
|
|
|
1164
1164
|
## hexagonalize
|
|
@@ -1171,8 +1171,8 @@ Both images turn into hexagons, crossfade, then sharpen again
|
|
|
1171
1171
|
- `horizontalHexagons` (float = 20): Number of hexagons across
|
|
1172
1172
|
- Author: Fernando Kuteken
|
|
1173
1173
|
- License: MIT
|
|
1174
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1175
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1174
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/hexagonalize.glsl
|
|
1175
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/hexagonalize.sksl
|
|
1176
1176
|
- Preview: https://gl-transitions.com/editor/hexagonalize
|
|
1177
1177
|
|
|
1178
1178
|
## kaleidoscope
|
|
@@ -1186,8 +1186,8 @@ A crossfade through a spinning kaleidoscope
|
|
|
1186
1186
|
- `power` (float = 1.5)
|
|
1187
1187
|
- Author: nwoeanhinnogaehr
|
|
1188
1188
|
- License: MIT
|
|
1189
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1190
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1189
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/kaleidoscope.glsl
|
|
1190
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/kaleidoscope.sksl
|
|
1191
1191
|
- Preview: https://gl-transitions.com/editor/kaleidoscope
|
|
1192
1192
|
|
|
1193
1193
|
## luma
|
|
@@ -1199,8 +1199,8 @@ A wipe that follows the brightness of a grayscale mask (the luma texture)
|
|
|
1199
1199
|
- Extra textures: `luma` (sampler2D)
|
|
1200
1200
|
- Author: gre
|
|
1201
1201
|
- License: MIT
|
|
1202
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1203
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1202
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/luma.glsl
|
|
1203
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/luma.sksl
|
|
1204
1204
|
- Preview: https://gl-transitions.com/editor/luma
|
|
1205
1205
|
|
|
1206
1206
|
## luminance_melt
|
|
@@ -1214,8 +1214,8 @@ The outgoing image melts away in noisy vertical streaks, depending on its bright
|
|
|
1214
1214
|
- `above` (bool = false): Melt the parts above the threshold instead of below
|
|
1215
1215
|
- Author: 0gust1
|
|
1216
1216
|
- License: MIT
|
|
1217
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1218
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1217
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/luminance_melt.glsl
|
|
1218
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/luminance_melt.sksl
|
|
1219
1219
|
- Preview: https://gl-transitions.com/editor/luminance_melt
|
|
1220
1220
|
|
|
1221
1221
|
## morph
|
|
@@ -1227,8 +1227,8 @@ A crossfade in which each image is displaced by the other's colors, like a morph
|
|
|
1227
1227
|
- `strength` (float = 0.1): Strength of the displacement
|
|
1228
1228
|
- Author: paniq
|
|
1229
1229
|
- License: MIT
|
|
1230
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1231
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1230
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/morph.glsl
|
|
1231
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/morph.sksl
|
|
1232
1232
|
- Preview: https://gl-transitions.com/editor/morph
|
|
1233
1233
|
|
|
1234
1234
|
## mosaic_transition
|
|
@@ -1240,8 +1240,8 @@ Both images break into mosaic blocks that blend, then sharpen into the incoming
|
|
|
1240
1240
|
- `mosaicNum` (float = 10): Number of mosaic blocks
|
|
1241
1241
|
- Author: YueDev
|
|
1242
1242
|
- License: MIT
|
|
1243
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1244
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1243
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/mosaic_transition.glsl
|
|
1244
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/mosaic_transition.sksl
|
|
1245
1245
|
- Preview: https://gl-transitions.com/editor/mosaic_transition
|
|
1246
1246
|
|
|
1247
1247
|
## multiply_blend
|
|
@@ -1252,8 +1252,8 @@ A crossfade through the multiplied blend of both images
|
|
|
1252
1252
|
- Parameters: none
|
|
1253
1253
|
- Author: Fernando Kuteken
|
|
1254
1254
|
- License: MIT
|
|
1255
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1256
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1255
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/multiply_blend.glsl
|
|
1256
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/multiply_blend.sksl
|
|
1257
1257
|
- Preview: https://gl-transitions.com/editor/multiply_blend
|
|
1258
1258
|
|
|
1259
1259
|
## old_tv_lost_signal
|
|
@@ -1264,8 +1264,8 @@ A crossfade with drifting tracking lines and tearing, like a TV losing its signa
|
|
|
1264
1264
|
- Parameters: none
|
|
1265
1265
|
- Author: mernking (gitlab.com/Godswork)
|
|
1266
1266
|
- License: MIT
|
|
1267
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1268
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1267
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/old_tv_lost_signal.glsl
|
|
1268
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/old_tv_lost_signal.sksl
|
|
1269
1269
|
- Preview: https://gl-transitions.com/editor/old_tv_lost_signal
|
|
1270
1270
|
|
|
1271
1271
|
## parametric_glitch
|
|
@@ -1278,8 +1278,8 @@ A crossfade with glitchy horizontal bands and color shifts
|
|
|
1278
1278
|
- `ampy` (float = 1): Vertical amplitude of the glitch
|
|
1279
1279
|
- Author: Yoni Maltsman @friendlyspinach
|
|
1280
1280
|
- License: MIT
|
|
1281
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1282
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1281
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/parametric_glitch.glsl
|
|
1282
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/parametric_glitch.sksl
|
|
1283
1283
|
- Preview: https://gl-transitions.com/editor/parametric_glitch
|
|
1284
1284
|
|
|
1285
1285
|
## perlin
|
|
@@ -1293,8 +1293,8 @@ The incoming image appears through blobs of Perlin noise
|
|
|
1293
1293
|
- `seed` (float = 12.9898): Random seed
|
|
1294
1294
|
- Author: Rich Harris
|
|
1295
1295
|
- License: MIT
|
|
1296
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1297
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1296
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/perlin.glsl
|
|
1297
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/perlin.sksl
|
|
1298
1298
|
- Preview: https://gl-transitions.com/editor/perlin
|
|
1299
1299
|
|
|
1300
1300
|
## pinwheel
|
|
@@ -1306,8 +1306,8 @@ A spinning pinwheel reveals the incoming image
|
|
|
1306
1306
|
- `speed` (float = 2): Rotation speed
|
|
1307
1307
|
- Author: Mr Speaker
|
|
1308
1308
|
- License: MIT
|
|
1309
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1310
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1309
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/pinwheel.glsl
|
|
1310
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/pinwheel.sksl
|
|
1311
1311
|
- Preview: https://gl-transitions.com/editor/pinwheel
|
|
1312
1312
|
|
|
1313
1313
|
## pixelize
|
|
@@ -1320,8 +1320,8 @@ Both images pixelate, crossfade, then sharpen again
|
|
|
1320
1320
|
- `steps` (int = 50): Number of pixelation steps; 0 for a continuous effect
|
|
1321
1321
|
- Author: gre
|
|
1322
1322
|
- License: MIT
|
|
1323
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1324
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1323
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/pixelize.glsl
|
|
1324
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/pixelize.sksl
|
|
1325
1325
|
- Preview: https://gl-transitions.com/editor/pixelize
|
|
1326
1326
|
|
|
1327
1327
|
## polar_function
|
|
@@ -1333,8 +1333,8 @@ A flower shape with several petals grows to reveal the incoming image
|
|
|
1333
1333
|
- `segments` (int = 5): Number of petals
|
|
1334
1334
|
- Author: Fernando Kuteken
|
|
1335
1335
|
- License: MIT
|
|
1336
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1337
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1336
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/polar_function.glsl
|
|
1337
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/polar_function.sksl
|
|
1338
1338
|
- Preview: https://gl-transitions.com/editor/polar_function
|
|
1339
1339
|
|
|
1340
1340
|
## powerKaleido
|
|
@@ -1348,8 +1348,8 @@ The image folds into an animated kaleidoscope before revealing the incoming one
|
|
|
1348
1348
|
- `speed` (float = 5)
|
|
1349
1349
|
- Author: Boundless
|
|
1350
1350
|
- License: MIT
|
|
1351
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1352
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1351
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/powerKaleido.glsl
|
|
1352
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/powerKaleido.sksl
|
|
1353
1353
|
- Preview: https://gl-transitions.com/editor/powerKaleido
|
|
1354
1354
|
|
|
1355
1355
|
## randomNoisex
|
|
@@ -1360,8 +1360,8 @@ The incoming image appears pixel by pixel in random noise
|
|
|
1360
1360
|
- Parameters: none
|
|
1361
1361
|
- Author: towrabbit
|
|
1362
1362
|
- License: MIT
|
|
1363
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1364
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1363
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/randomNoisex.glsl
|
|
1364
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/randomNoisex.sksl
|
|
1365
1365
|
- Preview: https://gl-transitions.com/editor/randomNoisex
|
|
1366
1366
|
|
|
1367
1367
|
## randomsquares
|
|
@@ -1374,8 +1374,8 @@ The incoming image appears in random squares
|
|
|
1374
1374
|
- `smoothness` (float = 0.5): Softness of each square's switch
|
|
1375
1375
|
- Author: gre
|
|
1376
1376
|
- License: MIT
|
|
1377
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1378
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1377
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/randomsquares.glsl
|
|
1378
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/randomsquares.sksl
|
|
1379
1379
|
- Preview: https://gl-transitions.com/editor/randomsquares
|
|
1380
1380
|
|
|
1381
1381
|
## ripple
|
|
@@ -1388,8 +1388,8 @@ Ripples spread from the center while crossfading
|
|
|
1388
1388
|
- `speed` (float = 50): Speed of the ripples
|
|
1389
1389
|
- Author: gre
|
|
1390
1390
|
- License: MIT
|
|
1391
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1392
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1391
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/ripple.glsl
|
|
1392
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/ripple.sksl
|
|
1393
1393
|
- Preview: https://gl-transitions.com/editor/ripple
|
|
1394
1394
|
|
|
1395
1395
|
## rotateTransition
|
|
@@ -1400,8 +1400,8 @@ The images spin around the center while crossfading
|
|
|
1400
1400
|
- Parameters: none
|
|
1401
1401
|
- Author: haiyoucuv
|
|
1402
1402
|
- License: MIT
|
|
1403
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1404
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1403
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/rotateTransition.glsl
|
|
1404
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/rotateTransition.sksl
|
|
1405
1405
|
- Preview: https://gl-transitions.com/editor/rotateTransition
|
|
1406
1406
|
|
|
1407
1407
|
## rotate_scale_fade
|
|
@@ -1416,8 +1416,8 @@ The outgoing image spins and zooms while fading to the incoming one, over a back
|
|
|
1416
1416
|
- `backColor` (vec4 = vec4(0.15, 0.15, 0.15, 1)) [color]: Background color
|
|
1417
1417
|
- Author: Fernando Kuteken
|
|
1418
1418
|
- License: MIT
|
|
1419
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1420
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1419
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/rotate_scale_fade.glsl
|
|
1420
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/rotate_scale_fade.sksl
|
|
1421
1421
|
- Preview: https://gl-transitions.com/editor/rotate_scale_fade
|
|
1422
1422
|
|
|
1423
1423
|
## scale-in
|
|
@@ -1428,8 +1428,8 @@ The incoming image scales in from the center while fading in
|
|
|
1428
1428
|
- Parameters: none
|
|
1429
1429
|
- Author: haiyoucuv
|
|
1430
1430
|
- License: MIT
|
|
1431
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1432
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1431
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/scale-in.glsl
|
|
1432
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/scale-in.sksl
|
|
1433
1433
|
- Preview: https://gl-transitions.com/editor/scale-in
|
|
1434
1434
|
|
|
1435
1435
|
## splitSlideInHorizontal
|
|
@@ -1441,8 +1441,8 @@ The incoming image slides in as two halves moving horizontally in opposite direc
|
|
|
1441
1441
|
- `reverse` (bool = false): Swap the directions of the halves
|
|
1442
1442
|
- Author: OllyOllyOlly
|
|
1443
1443
|
- License: MIT
|
|
1444
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1445
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1444
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/splitSlideInHorizontal.glsl
|
|
1445
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/splitSlideInHorizontal.sksl
|
|
1446
1446
|
- Preview: https://gl-transitions.com/editor/splitSlideInHorizontal
|
|
1447
1447
|
|
|
1448
1448
|
## splitSlideInOutHorizontal
|
|
@@ -1454,8 +1454,8 @@ The halves of both images slide horizontally in opposite directions, out and in
|
|
|
1454
1454
|
- `reverse` (bool = false): Swap the directions of the halves
|
|
1455
1455
|
- Author: OllyOllyOlly
|
|
1456
1456
|
- License: MIT
|
|
1457
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1458
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1457
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/splitSlideInOutHorizontal.glsl
|
|
1458
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/splitSlideInOutHorizontal.sksl
|
|
1459
1459
|
- Preview: https://gl-transitions.com/editor/splitSlideInOutHorizontal
|
|
1460
1460
|
|
|
1461
1461
|
## splitSlideInOutVertical
|
|
@@ -1467,8 +1467,8 @@ The halves of both images slide vertically in opposite directions, out and in at
|
|
|
1467
1467
|
- `reverse` (bool = false): Swap the directions of the halves
|
|
1468
1468
|
- Author: OllyOllyOlly
|
|
1469
1469
|
- License: MIT
|
|
1470
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1471
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1470
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/splitSlideInOutVertical.glsl
|
|
1471
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/splitSlideInOutVertical.sksl
|
|
1472
1472
|
- Preview: https://gl-transitions.com/editor/splitSlideInOutVertical
|
|
1473
1473
|
|
|
1474
1474
|
## splitSlideInVertical
|
|
@@ -1480,8 +1480,8 @@ The incoming image slides in as two halves moving vertically in opposite directi
|
|
|
1480
1480
|
- `reverse` (bool = false): Swap the directions of the halves
|
|
1481
1481
|
- Author: OllyOllyOlly
|
|
1482
1482
|
- License: MIT
|
|
1483
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1484
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1483
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/splitSlideInVertical.glsl
|
|
1484
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/splitSlideInVertical.sksl
|
|
1485
1485
|
- Preview: https://gl-transitions.com/editor/splitSlideInVertical
|
|
1486
1486
|
|
|
1487
1487
|
## splitSlideOutHorizontal
|
|
@@ -1493,8 +1493,8 @@ The outgoing image slides out as two halves moving horizontally in opposite dire
|
|
|
1493
1493
|
- `reverse` (bool = false): Swap the directions of the halves
|
|
1494
1494
|
- Author: OllyOllyOlly
|
|
1495
1495
|
- License: MIT
|
|
1496
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1497
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1496
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/splitSlideOutHorizontal.glsl
|
|
1497
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/splitSlideOutHorizontal.sksl
|
|
1498
1498
|
- Preview: https://gl-transitions.com/editor/splitSlideOutHorizontal
|
|
1499
1499
|
|
|
1500
1500
|
## splitSlideOutVertical
|
|
@@ -1506,8 +1506,8 @@ The outgoing image slides out as two halves moving vertically in opposite direct
|
|
|
1506
1506
|
- `reverse` (bool = false): Swap the directions of the halves
|
|
1507
1507
|
- Author: OllyOllyOlly
|
|
1508
1508
|
- License: MIT
|
|
1509
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1510
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1509
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/splitSlideOutVertical.glsl
|
|
1510
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/splitSlideOutVertical.sksl
|
|
1511
1511
|
- Preview: https://gl-transitions.com/editor/splitSlideOutVertical
|
|
1512
1512
|
|
|
1513
1513
|
## squareswire
|
|
@@ -1521,8 +1521,8 @@ Squares grow along a diagonal sweep to reveal the incoming image
|
|
|
1521
1521
|
- `smoothness` (float = 1.6): Softness of the sweep
|
|
1522
1522
|
- Author: gre
|
|
1523
1523
|
- License: MIT
|
|
1524
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1525
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1524
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/squareswire.glsl
|
|
1525
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/squareswire.sksl
|
|
1526
1526
|
- Preview: https://gl-transitions.com/editor/squareswire
|
|
1527
1527
|
|
|
1528
1528
|
## squeeze
|
|
@@ -1534,8 +1534,8 @@ The outgoing image is squeezed into a line with color separation, revealing the
|
|
|
1534
1534
|
- `colorSeparation` (float = 0.04): Amount of color separation
|
|
1535
1535
|
- Author: gre
|
|
1536
1536
|
- License: MIT
|
|
1537
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1538
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1537
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/squeeze.glsl
|
|
1538
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/squeeze.sksl
|
|
1539
1539
|
- Preview: https://gl-transitions.com/editor/squeeze
|
|
1540
1540
|
|
|
1541
1541
|
## static_wipe
|
|
@@ -1548,8 +1548,8 @@ A wipe from top to bottom with a band of TV static at its edge
|
|
|
1548
1548
|
- `u_max_static_span` (float = 0.5): Maximum height of the static band
|
|
1549
1549
|
- Author: Ben Lucas
|
|
1550
1550
|
- License: MIT
|
|
1551
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1552
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1551
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/static_wipe.glsl
|
|
1552
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/static_wipe.sksl
|
|
1553
1553
|
- Preview: https://gl-transitions.com/editor/static_wipe
|
|
1554
1554
|
|
|
1555
1555
|
## swap
|
|
@@ -1563,8 +1563,8 @@ The two images swap places in 3D, with a floor reflection
|
|
|
1563
1563
|
- `depth` (float = 3)
|
|
1564
1564
|
- Author: gre
|
|
1565
1565
|
- License: MIT
|
|
1566
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1567
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1566
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/swap.glsl
|
|
1567
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/swap.sksl
|
|
1568
1568
|
- Preview: https://gl-transitions.com/editor/swap
|
|
1569
1569
|
|
|
1570
1570
|
## tangentMotionBlur
|
|
@@ -1575,8 +1575,8 @@ The outgoing image is flung away along a curve with motion blur
|
|
|
1575
1575
|
- Parameters: none
|
|
1576
1576
|
- Author: chenkai
|
|
1577
1577
|
- License: MIT
|
|
1578
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1579
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1578
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/tangentMotionBlur.glsl
|
|
1579
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/tangentMotionBlur.sksl
|
|
1580
1580
|
- Preview: https://gl-transitions.com/editor/tangentMotionBlur
|
|
1581
1581
|
|
|
1582
1582
|
## undulatingBurnOut
|
|
@@ -1590,8 +1590,8 @@ A circle with a wavy edge burns out from the center to reveal the incoming image
|
|
|
1590
1590
|
- `color` (vec3 = vec3(0, 0, 0)) [color]: Color of the burning edge
|
|
1591
1591
|
- Author: pthrasher
|
|
1592
1592
|
- License: MIT
|
|
1593
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1594
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1593
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/undulatingBurnOut.glsl
|
|
1594
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/undulatingBurnOut.sksl
|
|
1595
1595
|
- Preview: https://gl-transitions.com/editor/undulatingBurnOut
|
|
1596
1596
|
|
|
1597
1597
|
## wind
|
|
@@ -1604,8 +1604,8 @@ A ragged left-to-right wipe, as if the image was blown away by the wind
|
|
|
1604
1604
|
- `reversed` (bool = false): Wipe from right to left instead
|
|
1605
1605
|
- Author: gre
|
|
1606
1606
|
- License: MIT
|
|
1607
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1608
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1607
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/wind.glsl
|
|
1608
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/wind.sksl
|
|
1609
1609
|
- Preview: https://gl-transitions.com/editor/wind
|
|
1610
1610
|
|
|
1611
1611
|
## windowblinds
|
|
@@ -1616,8 +1616,8 @@ A crossfade through horizontal window blinds
|
|
|
1616
1616
|
- Parameters: none
|
|
1617
1617
|
- Author: Fabien Benetou
|
|
1618
1618
|
- License: MIT
|
|
1619
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1620
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1619
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/windowblinds.glsl
|
|
1620
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/windowblinds.sksl
|
|
1621
1621
|
- Preview: https://gl-transitions.com/editor/windowblinds
|
|
1622
1622
|
|
|
1623
1623
|
## windowslice
|
|
@@ -1630,8 +1630,8 @@ The incoming image appears through vertical slices that widen
|
|
|
1630
1630
|
- `smoothness` (float = 0.5): Softness of the slices' edges
|
|
1631
1631
|
- Author: gre
|
|
1632
1632
|
- License: MIT
|
|
1633
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1634
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1633
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/windowslice.glsl
|
|
1634
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/windowslice.sksl
|
|
1635
1635
|
- Preview: https://gl-transitions.com/editor/windowslice
|
|
1636
1636
|
|
|
1637
1637
|
## wipeDown
|
|
@@ -1642,8 +1642,8 @@ A hard-edged wipe from top to bottom
|
|
|
1642
1642
|
- Parameters: none
|
|
1643
1643
|
- Author: Jake Nelson
|
|
1644
1644
|
- License: MIT
|
|
1645
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1646
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1645
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/wipeDown.glsl
|
|
1646
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/wipeDown.sksl
|
|
1647
1647
|
- Preview: https://gl-transitions.com/editor/wipeDown
|
|
1648
1648
|
|
|
1649
1649
|
## wipeLeft
|
|
@@ -1654,8 +1654,8 @@ A hard-edged wipe from right to left
|
|
|
1654
1654
|
- Parameters: none
|
|
1655
1655
|
- Author: Jake Nelson
|
|
1656
1656
|
- License: MIT
|
|
1657
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1658
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1657
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/wipeLeft.glsl
|
|
1658
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/wipeLeft.sksl
|
|
1659
1659
|
- Preview: https://gl-transitions.com/editor/wipeLeft
|
|
1660
1660
|
|
|
1661
1661
|
## wipeRight
|
|
@@ -1666,8 +1666,8 @@ A hard-edged wipe from left to right
|
|
|
1666
1666
|
- Parameters: none
|
|
1667
1667
|
- Author: Jake Nelson
|
|
1668
1668
|
- License: MIT
|
|
1669
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1670
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1669
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/wipeRight.glsl
|
|
1670
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/wipeRight.sksl
|
|
1671
1671
|
- Preview: https://gl-transitions.com/editor/wipeRight
|
|
1672
1672
|
|
|
1673
1673
|
## wipeUp
|
|
@@ -1678,8 +1678,8 @@ A hard-edged wipe from bottom to top
|
|
|
1678
1678
|
- Parameters: none
|
|
1679
1679
|
- Author: Jake Nelson
|
|
1680
1680
|
- License: MIT
|
|
1681
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1682
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1681
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/wipeUp.glsl
|
|
1682
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/wipeUp.sksl
|
|
1683
1683
|
- Preview: https://gl-transitions.com/editor/wipeUp
|
|
1684
1684
|
|
|
1685
1685
|
## x_axis_translation
|
|
@@ -1690,8 +1690,8 @@ The outgoing image slides to the right, uncovering a crossfade to the incoming o
|
|
|
1690
1690
|
- Parameters: none
|
|
1691
1691
|
- Author: lizhongjian
|
|
1692
1692
|
- License: MIT
|
|
1693
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1694
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1693
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/x_axis_translation.glsl
|
|
1694
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/x_axis_translation.sksl
|
|
1695
1695
|
- Preview: https://gl-transitions.com/editor/x_axis_translation
|
|
1696
1696
|
|
|
1697
1697
|
## zoomInOut
|
|
@@ -1702,6 +1702,6 @@ Zooms into the outgoing image until it blurs into a flat color, then out to the
|
|
|
1702
1702
|
- Parameters: none
|
|
1703
1703
|
- Author: OllyOllyOlly
|
|
1704
1704
|
- License: MIT
|
|
1705
|
-
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1706
|
-
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.
|
|
1705
|
+
- GLSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/transitions/zoomInOut.glsl
|
|
1706
|
+
- SkSL: https://cdn.jsdelivr.net/npm/gl-transitions@1.76.0/sksl/zoomInOut.sksl
|
|
1707
1707
|
- Preview: https://gl-transitions.com/editor/zoomInOut
|