gl-transitions 1.74.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 +78 -0
- package/compatibility.json +2070 -0
- package/glsl3/AdvancedMosaic.glsl +21 -0
- package/glsl3/BlockDissolve.glsl +16 -0
- package/glsl3/BookFlip.glsl +37 -0
- package/glsl3/Bounce.glsl +35 -0
- package/glsl3/BowTieHorizontal.glsl +123 -0
- package/glsl3/BowTieVertical.glsl +117 -0
- package/glsl3/BowTieWithParameter.glsl +74 -0
- package/glsl3/Box.glsl +33 -0
- package/glsl3/ButterflyWaveScrawler.glsl +33 -0
- package/glsl3/CircleCrop.glsl +20 -0
- package/glsl3/ColourDistance.glsl +19 -0
- package/glsl3/CrazyParametricFun.glsl +20 -0
- package/glsl3/CrossZoom.glsl +68 -0
- package/glsl3/DefocusBlur.glsl +47 -0
- package/glsl3/Directional.glsl +18 -0
- package/glsl3/DirectionalScaled.glsl +35 -0
- package/glsl3/DoomScreenTransition.glsl +62 -0
- package/glsl3/Dreamy.glsl +14 -0
- package/glsl3/DreamyZoom.glsl +43 -0
- package/glsl3/Drop_Zone_Flicker.glsl +159 -0
- package/glsl3/EdgeTransition.glsl +50 -0
- package/glsl3/FilmBurn.glsl +63 -0
- package/glsl3/Fold.glsl +12 -0
- package/glsl3/GlitchDisplace.glsl +78 -0
- package/glsl3/GlitchMemories.glsl +17 -0
- package/glsl3/GridFlip.glsl +77 -0
- package/glsl3/HSVfade.glsl +29 -0
- package/glsl3/HorizontalClose.glsl +16 -0
- package/glsl3/HorizontalOpen.glsl +18 -0
- package/glsl3/InvertedPageCurl.glsl +228 -0
- package/glsl3/LeftRight.glsl +28 -0
- package/glsl3/LinearBlur.glsl +30 -0
- package/glsl3/Mosaic.glsl +45 -0
- package/glsl3/Overexposure.glsl +25 -0
- package/glsl3/PolkaDotsCurtain.glsl +14 -0
- package/glsl3/PuzzleRight.glsl +57 -0
- package/glsl3/Radial.glsl +19 -0
- package/glsl3/Rectangle.glsl +29 -0
- package/glsl3/RectangleCrop.glsl +30 -0
- package/glsl3/Revolve_Left.glsl +98 -0
- package/glsl3/Rolls.glsl +42 -0
- package/glsl3/RotateScaleVanish.glsl +42 -0
- package/glsl3/SimpleFlip.glsl +14 -0
- package/glsl3/SimpleZoom.glsl +20 -0
- package/glsl3/SimpleZoomOut.glsl +23 -0
- package/glsl3/Slides.glsl +41 -0
- package/glsl3/StarWipe.glsl +51 -0
- package/glsl3/StaticFade.glsl +47 -0
- package/glsl3/StereoViewer.glsl +214 -0
- package/glsl3/StripDatamoshGlitch.glsl +187 -0
- package/glsl3/Swirl.glsl +34 -0
- package/glsl3/TVStatic.glsl +29 -0
- package/glsl3/TilesWave.glsl +63 -0
- package/glsl3/TopBottom.glsl +27 -0
- package/glsl3/VerticalClose.glsl +16 -0
- package/glsl3/VerticalOpen.glsl +17 -0
- package/glsl3/WaterDrop.glsl +21 -0
- package/glsl3/ZoomInCircles.glsl +40 -0
- package/glsl3/ZoomLeftWipe.glsl +36 -0
- package/glsl3/ZoomRigthWipe.glsl +36 -0
- package/glsl3/angular.glsl +25 -0
- package/glsl3/burn.glsl +14 -0
- package/glsl3/burn0.glsl +55 -0
- package/glsl3/cannabisleaf.glsl +18 -0
- package/glsl3/chessboard.glsl +28 -0
- package/glsl3/circle.glsl +24 -0
- package/glsl3/circleopen.glsl +18 -0
- package/glsl3/colorphase.glsl +19 -0
- package/glsl3/coord-from-in.glsl +18 -0
- package/glsl3/crosshatch.glsl +20 -0
- package/glsl3/crosswarp.glsl +10 -0
- package/glsl3/cube.glsl +71 -0
- package/glsl3/directional-easing.glsl +19 -0
- package/glsl3/directionalwarp.glsl +20 -0
- package/glsl3/directionalwipe.glsl +22 -0
- package/glsl3/displacement.glsl +26 -0
- package/glsl3/dissolve.glsl +54 -0
- package/glsl3/doorway.glsl +55 -0
- package/glsl3/fade.glsl +13 -0
- package/glsl3/fadecolor.glsl +15 -0
- package/glsl3/fadegrayscale.glsl +21 -0
- package/glsl3/flyeye.glsl +20 -0
- package/glsl3/fragment.glsl +54 -0
- package/glsl3/heart.glsl +19 -0
- package/glsl3/hexagonalize.glsl +78 -0
- package/glsl3/kaleidoscope.glsl +25 -0
- package/glsl3/luma.glsl +15 -0
- package/glsl3/luminance_melt.glsl +131 -0
- package/glsl3/morph.glsl +20 -0
- package/glsl3/mosaic_transition.glsl +20 -0
- package/glsl3/multiply_blend.glsl +19 -0
- package/glsl3/old_tv_lost_signal.glsl +51 -0
- package/glsl3/parametric_glitch.glsl +29 -0
- package/glsl3/perlin.glsl +66 -0
- package/glsl3/pinwheel.glsl +20 -0
- package/glsl3/pixelize.glsl +21 -0
- package/glsl3/polar_function.glsl +24 -0
- package/glsl3/powerKaleido.glsl +57 -0
- package/glsl3/randomNoisex.glsl +15 -0
- package/glsl3/randomsquares.glsl +20 -0
- package/glsl3/ripple.glsl +20 -0
- package/glsl3/rotateTransition.glsl +22 -0
- package/glsl3/rotate_scale_fade.glsl +39 -0
- package/glsl3/scale-in.glsl +18 -0
- package/glsl3/splitSlideInHorizontal.glsl +26 -0
- package/glsl3/splitSlideInOutHorizontal.glsl +23 -0
- package/glsl3/splitSlideInOutVertical.glsl +23 -0
- package/glsl3/splitSlideInVertical.glsl +24 -0
- package/glsl3/splitSlideOutHorizontal.glsl +22 -0
- package/glsl3/splitSlideOutVertical.glsl +22 -0
- package/glsl3/squareswire.glsl +26 -0
- package/glsl3/squeeze.glsl +23 -0
- package/glsl3/static_wipe.glsl +39 -0
- package/glsl3/swap.glsl +64 -0
- package/glsl3/tangentMotionBlur.glsl +139 -0
- package/glsl3/undulatingBurnOut.glsl +56 -0
- package/glsl3/wind.glsl +25 -0
- package/glsl3/windowblinds.glsl +18 -0
- package/glsl3/windowslice.glsl +16 -0
- package/glsl3/wipeDown.glsl +12 -0
- package/glsl3/wipeLeft.glsl +12 -0
- package/glsl3/wipeRight.glsl +12 -0
- package/glsl3/wipeUp.glsl +12 -0
- package/glsl3/x_axis_translation.glsl +21 -0
- package/glsl3/zoomInOut.glsl +20 -0
- package/index.d.ts +61 -0
- package/layouts.json +2956 -0
- package/llms-full.txt +1707 -0
- package/llms.txt +153 -0
- package/msl/AdvancedMosaic.metal +136 -0
- package/msl/BlockDissolve.metal +108 -0
- package/msl/BookFlip.metal +191 -0
- package/msl/Bounce.metal +128 -0
- package/msl/BowTieHorizontal.metal +375 -0
- package/msl/BowTieVertical.metal +375 -0
- package/msl/BowTieWithParameter.metal +361 -0
- package/msl/Box.metal +204 -0
- package/msl/ButterflyWaveScrawler.metal +190 -0
- package/msl/CircleCrop.metal +117 -0
- package/msl/ColourDistance.metal +110 -0
- package/msl/CrazyParametricFun.metal +139 -0
- package/msl/CrossZoom.metal +274 -0
- package/msl/DefocusBlur.metal +297 -0
- package/msl/Directional.metal +107 -0
- package/msl/DirectionalScaled.metal +147 -0
- package/msl/DoomScreenTransition.metal +212 -0
- package/msl/Dreamy.metal +133 -0
- package/msl/DreamyZoom.metal +182 -0
- package/msl/Drop_Zone_Flicker.metal +561 -0
- package/msl/EdgeTransition.metal +277 -0
- package/msl/FilmBurn.metal +425 -0
- package/msl/Fold.metal +110 -0
- package/msl/GlitchDisplace.metal +374 -0
- package/msl/GlitchMemories.metal +146 -0
- package/msl/GridFlip.metal +285 -0
- package/msl/HSVfade.metal +161 -0
- package/msl/HorizontalClose.metal +100 -0
- package/msl/HorizontalOpen.metal +103 -0
- package/msl/InvertedPageCurl.metal +762 -0
- package/msl/LeftRight.metal +138 -0
- package/msl/LinearBlur.metal +169 -0
- package/msl/Mosaic.metal +212 -0
- package/msl/Overexposure.metal +130 -0
- package/msl/PolkaDotsCurtain.metal +112 -0
- package/msl/PuzzleRight.metal +262 -0
- package/msl/Radial.metal +102 -0
- package/msl/Rectangle.metal +129 -0
- package/msl/RectangleCrop.metal +127 -0
- package/msl/Revolve_Left.metal +363 -0
- package/msl/Rolls.metal +209 -0
- package/msl/RotateScaleVanish.metal +227 -0
- package/msl/SimpleFlip.metal +110 -0
- package/msl/SimpleZoom.metal +116 -0
- package/msl/SimpleZoomOut.metal +127 -0
- package/msl/Slides.metal +244 -0
- package/msl/StarWipe.metal +204 -0
- package/msl/StaticFade.metal +193 -0
- package/msl/StereoViewer.metal +707 -0
- package/msl/StripDatamoshGlitch.metal +828 -0
- package/msl/Swirl.metal +152 -0
- package/msl/TVStatic.metal +136 -0
- package/msl/TilesWave.metal +290 -0
- package/msl/TopBottom.metal +138 -0
- package/msl/VerticalClose.metal +100 -0
- package/msl/VerticalOpen.metal +103 -0
- package/msl/WaterDrop.metal +126 -0
- package/msl/ZoomInCircles.metal +169 -0
- package/msl/ZoomLeftWipe.metal +152 -0
- package/msl/ZoomRigthWipe.metal +152 -0
- package/msl/angular.metal +111 -0
- package/msl/burn.metal +103 -0
- package/msl/burn0.metal +236 -0
- package/msl/cannabisleaf.metal +120 -0
- package/msl/chessboard.metal +144 -0
- package/msl/circle.metal +115 -0
- package/msl/circleopen.metal +124 -0
- package/msl/colorphase.metal +106 -0
- package/msl/coord-from-in.metal +111 -0
- package/msl/crosshatch.metal +126 -0
- package/msl/crosswarp.metal +103 -0
- package/msl/cube.metal +259 -0
- package/msl/directional-easing.metal +111 -0
- package/msl/directionalwarp.metal +121 -0
- package/msl/directionalwipe.metal +120 -0
- package/msl/displacement.metal +129 -0
- package/msl/dissolve.metal +146 -0
- package/msl/doorway.metal +210 -0
- package/msl/fade.metal +95 -0
- package/msl/fadecolor.metal +104 -0
- package/msl/fadegrayscale.metal +123 -0
- package/msl/flyeye.metal +133 -0
- package/msl/fragment.metal +276 -0
- package/msl/heart.metal +134 -0
- package/msl/hexagonalize.metal +274 -0
- package/msl/kaleidoscope.metal +157 -0
- package/msl/luma.metal +113 -0
- package/msl/luminance_melt.metal +337 -0
- package/msl/morph.metal +131 -0
- package/msl/mosaic_transition.metal +137 -0
- package/msl/multiply_blend.metal +127 -0
- package/msl/old_tv_lost_signal.metal +172 -0
- package/msl/parametric_glitch.metal +152 -0
- package/msl/perlin.metal +206 -0
- package/msl/pinwheel.metal +112 -0
- package/msl/pixelize.metal +134 -0
- package/msl/polar_function.metal +116 -0
- package/msl/powerKaleido.metal +304 -0
- package/msl/randomNoisex.metal +115 -0
- package/msl/randomsquares.metal +118 -0
- package/msl/ripple.metal +113 -0
- package/msl/rotateTransition.metal +116 -0
- package/msl/rotate_scale_fade.metal +167 -0
- package/msl/scale-in.metal +111 -0
- package/msl/splitSlideInHorizontal.metal +147 -0
- package/msl/splitSlideInOutHorizontal.metal +138 -0
- package/msl/splitSlideInOutVertical.metal +138 -0
- package/msl/splitSlideInVertical.metal +144 -0
- package/msl/splitSlideOutHorizontal.metal +131 -0
- package/msl/splitSlideOutVertical.metal +131 -0
- package/msl/squareswire.metal +144 -0
- package/msl/squeeze.metal +133 -0
- package/msl/static_wipe.metal +147 -0
- package/msl/swap.metal +256 -0
- package/msl/tangentMotionBlur.metal +583 -0
- package/msl/undulatingBurnOut.metal +217 -0
- package/msl/wind.metal +131 -0
- package/msl/windowblinds.metal +107 -0
- package/msl/windowslice.metal +108 -0
- package/msl/wipeDown.metal +105 -0
- package/msl/wipeLeft.metal +105 -0
- package/msl/wipeRight.metal +105 -0
- package/msl/wipeUp.metal +105 -0
- package/msl/x_axis_translation.metal +110 -0
- package/msl/zoomInOut.metal +125 -0
- package/package.json +1 -1
- package/skills/gl-transitions/SKILL.md +46 -0
- package/skills/gl-transitions/references/catalog.md +224 -0
- package/skills/gl-transitions/references/skia.md +118 -0
- package/skills/gl-transitions/references/video.md +71 -0
- package/skills/gl-transitions/references/webgl.md +122 -0
- package/sksl/index.d.ts +4 -0
- package/sksl/index.js +1 -0
- package/wgsl/AdvancedMosaic.wgsl +108 -0
- package/wgsl/BlockDissolve.wgsl +78 -0
- package/wgsl/BookFlip.wgsl +157 -0
- package/wgsl/Bounce.wgsl +98 -0
- package/wgsl/BowTieHorizontal.wgsl +331 -0
- package/wgsl/BowTieVertical.wgsl +331 -0
- package/wgsl/BowTieWithParameter.wgsl +313 -0
- package/wgsl/Box.wgsl +176 -0
- package/wgsl/ButterflyWaveScrawler.wgsl +158 -0
- package/wgsl/CircleCrop.wgsl +88 -0
- package/wgsl/ColourDistance.wgsl +82 -0
- package/wgsl/CrazyParametricFun.wgsl +111 -0
- package/wgsl/CrossZoom.wgsl +219 -0
- package/wgsl/DefocusBlur.wgsl +269 -0
- package/wgsl/Directional.wgsl +79 -0
- package/wgsl/DirectionalScaled.wgsl +117 -0
- package/wgsl/DoomScreenTransition.wgsl +171 -0
- package/wgsl/Dreamy.wgsl +102 -0
- package/wgsl/DreamyZoom.wgsl +154 -0
- package/wgsl/Drop_Zone_Flicker.wgsl +513 -0
- package/wgsl/EdgeTransition.wgsl +216 -0
- package/wgsl/FilmBurn.wgsl +361 -0
- package/wgsl/Fold.wgsl +82 -0
- package/wgsl/GlitchDisplace.wgsl +327 -0
- package/wgsl/GlitchMemories.wgsl +118 -0
- package/wgsl/GridFlip.wgsl +250 -0
- package/wgsl/HSVfade.wgsl +131 -0
- package/wgsl/HorizontalClose.wgsl +72 -0
- package/wgsl/HorizontalOpen.wgsl +75 -0
- package/wgsl/InvertedPageCurl.wgsl +690 -0
- package/wgsl/LeftRight.wgsl +109 -0
- package/wgsl/LinearBlur.wgsl +131 -0
- package/wgsl/Mosaic.wgsl +174 -0
- package/wgsl/Overexposure.wgsl +102 -0
- package/wgsl/PolkaDotsCurtain.wgsl +83 -0
- package/wgsl/PuzzleRight.wgsl +230 -0
- package/wgsl/Radial.wgsl +74 -0
- package/wgsl/Rectangle.wgsl +100 -0
- package/wgsl/RectangleCrop.wgsl +98 -0
- package/wgsl/Revolve_Left.wgsl +314 -0
- package/wgsl/Rolls.wgsl +181 -0
- package/wgsl/RotateScaleVanish.wgsl +199 -0
- package/wgsl/SimpleFlip.wgsl +82 -0
- package/wgsl/SimpleZoom.wgsl +85 -0
- package/wgsl/SimpleZoomOut.wgsl +96 -0
- package/wgsl/Slides.wgsl +216 -0
- package/wgsl/StarWipe.wgsl +169 -0
- package/wgsl/StaticFade.wgsl +159 -0
- package/wgsl/StereoViewer.wgsl +625 -0
- package/wgsl/StripDatamoshGlitch.wgsl +755 -0
- package/wgsl/Swirl.wgsl +124 -0
- package/wgsl/TVStatic.wgsl +106 -0
- package/wgsl/TilesWave.wgsl +262 -0
- package/wgsl/TopBottom.wgsl +109 -0
- package/wgsl/VerticalClose.wgsl +72 -0
- package/wgsl/VerticalOpen.wgsl +75 -0
- package/wgsl/WaterDrop.wgsl +98 -0
- package/wgsl/ZoomInCircles.wgsl +138 -0
- package/wgsl/ZoomLeftWipe.wgsl +121 -0
- package/wgsl/ZoomRigthWipe.wgsl +121 -0
- package/wgsl/angular.wgsl +83 -0
- package/wgsl/burn.wgsl +74 -0
- package/wgsl/burn0.wgsl +198 -0
- package/wgsl/cannabisleaf.wgsl +92 -0
- package/wgsl/chessboard.wgsl +116 -0
- package/wgsl/circle.wgsl +87 -0
- package/wgsl/circleopen.wgsl +96 -0
- package/wgsl/colorphase.wgsl +77 -0
- package/wgsl/coord-from-in.wgsl +83 -0
- package/wgsl/crosshatch.wgsl +96 -0
- package/wgsl/crosswarp.wgsl +75 -0
- package/wgsl/cube.wgsl +217 -0
- package/wgsl/directional-easing.wgsl +83 -0
- package/wgsl/directionalwarp.wgsl +92 -0
- package/wgsl/directionalwipe.wgsl +91 -0
- package/wgsl/displacement.wgsl +96 -0
- package/wgsl/dissolve.wgsl +116 -0
- package/wgsl/doorway.wgsl +174 -0
- package/wgsl/fade.wgsl +67 -0
- package/wgsl/fadecolor.wgsl +75 -0
- package/wgsl/fadegrayscale.wgsl +93 -0
- package/wgsl/flyeye.wgsl +105 -0
- package/wgsl/fragment.wgsl +227 -0
- package/wgsl/heart.wgsl +103 -0
- package/wgsl/hexagonalize.wgsl +238 -0
- package/wgsl/kaleidoscope.wgsl +124 -0
- package/wgsl/luma.wgsl +80 -0
- package/wgsl/luminance_melt.wgsl +299 -0
- package/wgsl/morph.wgsl +103 -0
- package/wgsl/mosaic_transition.wgsl +107 -0
- package/wgsl/multiply_blend.wgsl +96 -0
- package/wgsl/old_tv_lost_signal.wgsl +142 -0
- package/wgsl/parametric_glitch.wgsl +124 -0
- package/wgsl/perlin.wgsl +174 -0
- package/wgsl/pinwheel.wgsl +84 -0
- package/wgsl/pixelize.wgsl +105 -0
- package/wgsl/polar_function.wgsl +88 -0
- package/wgsl/powerKaleido.wgsl +254 -0
- package/wgsl/randomNoisex.wgsl +85 -0
- package/wgsl/randomsquares.wgsl +87 -0
- package/wgsl/ripple.wgsl +85 -0
- package/wgsl/rotateTransition.wgsl +85 -0
- package/wgsl/rotate_scale_fade.wgsl +138 -0
- package/wgsl/scale-in.wgsl +79 -0
- package/wgsl/splitSlideInHorizontal.wgsl +118 -0
- package/wgsl/splitSlideInOutHorizontal.wgsl +109 -0
- package/wgsl/splitSlideInOutVertical.wgsl +109 -0
- package/wgsl/splitSlideInVertical.wgsl +115 -0
- package/wgsl/splitSlideOutHorizontal.wgsl +102 -0
- package/wgsl/splitSlideOutVertical.wgsl +102 -0
- package/wgsl/squareswire.wgsl +115 -0
- package/wgsl/squeeze.wgsl +105 -0
- package/wgsl/static_wipe.wgsl +117 -0
- package/wgsl/swap.wgsl +218 -0
- package/wgsl/tangentMotionBlur.wgsl +503 -0
- package/wgsl/undulatingBurnOut.wgsl +181 -0
- package/wgsl/wind.wgsl +101 -0
- package/wgsl/windowblinds.wgsl +79 -0
- package/wgsl/windowslice.wgsl +80 -0
- package/wgsl/wipeDown.wgsl +77 -0
- package/wgsl/wipeLeft.wgsl +77 -0
- package/wgsl/wipeRight.wgsl +77 -0
- package/wgsl/wipeUp.wgsl +77 -0
- package/wgsl/x_axis_translation.wgsl +82 -0
- package/wgsl/zoomInOut.wgsl +94 -0
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
// directionalwipe — WGSL, generated from https://github.com/gl-transitions/gl-transitions/blob/master/transitions/directionalwipe.glsl
|
|
2
|
+
// Author: gre
|
|
3
|
+
// License: MIT
|
|
4
|
+
// Description: A soft-edged diagonal wipe
|
|
5
|
+
// Bindings and uniform layout: see the gl-transitions package README
|
|
6
|
+
|
|
7
|
+
struct Uniforms {
|
|
8
|
+
progress: f32,
|
|
9
|
+
ratio: f32,
|
|
10
|
+
direction: vec2<f32>,
|
|
11
|
+
smoothness: f32,
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
@group(0) @binding(2)
|
|
15
|
+
var _from: texture_2d<f32>;
|
|
16
|
+
@group(0) @binding(1)
|
|
17
|
+
var _sampler: sampler;
|
|
18
|
+
@group(0) @binding(3)
|
|
19
|
+
var _to: texture_2d<f32>;
|
|
20
|
+
@group(0) @binding(0)
|
|
21
|
+
var<uniform> uniforms: Uniforms;
|
|
22
|
+
var<private> _fragColor: vec4<f32>;
|
|
23
|
+
var<private> _uv_1: vec2<f32>;
|
|
24
|
+
|
|
25
|
+
fn getToColor(uv: ptr<function, vec2<f32>>) -> vec4<f32> {
|
|
26
|
+
let _e17 = (*uv)[0u];
|
|
27
|
+
let _e19 = (*uv)[1u];
|
|
28
|
+
let _e22 = textureSampleLevel(_to, _sampler, vec2<f32>(_e17, (1f - _e19)), 0f);
|
|
29
|
+
return _e22;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
fn getFromColor(uv_1: ptr<function, vec2<f32>>) -> vec4<f32> {
|
|
33
|
+
let _e17 = (*uv_1)[0u];
|
|
34
|
+
let _e19 = (*uv_1)[1u];
|
|
35
|
+
let _e22 = textureSampleLevel(_from, _sampler, vec2<f32>(_e17, (1f - _e19)), 0f);
|
|
36
|
+
return _e22;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
fn transition(uv_2: ptr<function, vec2<f32>>) -> vec4<f32> {
|
|
40
|
+
var v: vec2<f32>;
|
|
41
|
+
var d: f32;
|
|
42
|
+
var m: f32;
|
|
43
|
+
var param: vec2<f32>;
|
|
44
|
+
var param_1: vec2<f32>;
|
|
45
|
+
|
|
46
|
+
let _e22 = uniforms.direction;
|
|
47
|
+
v = normalize(_e22);
|
|
48
|
+
let _e25 = v[0u];
|
|
49
|
+
let _e28 = v[1u];
|
|
50
|
+
let _e31 = v;
|
|
51
|
+
v = (_e31 / vec2((abs(_e25) + abs(_e28))));
|
|
52
|
+
let _e35 = v[0u];
|
|
53
|
+
let _e38 = v[1u];
|
|
54
|
+
d = ((_e35 * 0.5f) + (_e38 * 0.5f));
|
|
55
|
+
let _e42 = uniforms.progress;
|
|
56
|
+
let _e46 = uniforms.smoothness;
|
|
57
|
+
let _e49 = v[0u];
|
|
58
|
+
let _e51 = (*uv_2)[0u];
|
|
59
|
+
let _e54 = v[1u];
|
|
60
|
+
let _e56 = (*uv_2)[1u];
|
|
61
|
+
let _e59 = d;
|
|
62
|
+
let _e62 = uniforms.progress;
|
|
63
|
+
let _e64 = uniforms.smoothness;
|
|
64
|
+
m = ((1f - step(_e42, 0f)) * (1f - smoothstep(-(_e46), 0f, (((_e49 * _e51) + (_e54 * _e56)) - ((_e59 - 0.5f) + (_e62 * (1f + _e64)))))));
|
|
65
|
+
let _e72 = (*uv_2);
|
|
66
|
+
param = _e72;
|
|
67
|
+
let _e73 = getFromColor((¶m));
|
|
68
|
+
let _e74 = (*uv_2);
|
|
69
|
+
param_1 = _e74;
|
|
70
|
+
let _e75 = getToColor((¶m_1));
|
|
71
|
+
let _e76 = m;
|
|
72
|
+
return mix(_e73, _e75, vec4(_e76));
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
fn main_1() {
|
|
76
|
+
var param_2: vec2<f32>;
|
|
77
|
+
|
|
78
|
+
let _e16 = _uv_1;
|
|
79
|
+
param_2 = _e16;
|
|
80
|
+
let _e17 = transition((¶m_2));
|
|
81
|
+
_fragColor = _e17;
|
|
82
|
+
return;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
@fragment
|
|
86
|
+
fn main(@location(0) _uv: vec2<f32>) -> @location(0) vec4<f32> {
|
|
87
|
+
_uv_1 = _uv;
|
|
88
|
+
main_1();
|
|
89
|
+
let _e3 = _fragColor;
|
|
90
|
+
return _e3;
|
|
91
|
+
}
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
// displacement — WGSL, generated from https://github.com/gl-transitions/gl-transitions/blob/master/transitions/displacement.glsl
|
|
2
|
+
// Author: Travis Fischer
|
|
3
|
+
// License: MIT
|
|
4
|
+
// Description: A crossfade in which a displacement map (an extra grayscale texture) warps both images
|
|
5
|
+
// Bindings and uniform layout: see the gl-transitions package README
|
|
6
|
+
|
|
7
|
+
struct Uniforms {
|
|
8
|
+
progress: f32,
|
|
9
|
+
ratio: f32,
|
|
10
|
+
strength: f32,
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
@group(0) @binding(2)
|
|
14
|
+
var _from: texture_2d<f32>;
|
|
15
|
+
@group(0) @binding(1)
|
|
16
|
+
var _sampler: sampler;
|
|
17
|
+
@group(0) @binding(3)
|
|
18
|
+
var _to: texture_2d<f32>;
|
|
19
|
+
@group(0) @binding(4)
|
|
20
|
+
var displacementMap: texture_2d<f32>;
|
|
21
|
+
@group(0) @binding(0)
|
|
22
|
+
var<uniform> uniforms: Uniforms;
|
|
23
|
+
var<private> _fragColor: vec4<f32>;
|
|
24
|
+
var<private> _uv_1: vec2<f32>;
|
|
25
|
+
|
|
26
|
+
fn getToColor(uv: ptr<function, vec2<f32>>) -> vec4<f32> {
|
|
27
|
+
let _e15 = (*uv)[0u];
|
|
28
|
+
let _e17 = (*uv)[1u];
|
|
29
|
+
let _e20 = textureSampleLevel(_to, _sampler, vec2<f32>(_e15, (1f - _e17)), 0f);
|
|
30
|
+
return _e20;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
fn getFromColor(uv_1: ptr<function, vec2<f32>>) -> vec4<f32> {
|
|
34
|
+
let _e15 = (*uv_1)[0u];
|
|
35
|
+
let _e17 = (*uv_1)[1u];
|
|
36
|
+
let _e20 = textureSampleLevel(_from, _sampler, vec2<f32>(_e15, (1f - _e17)), 0f);
|
|
37
|
+
return _e20;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
fn _texture_displacementMap(uv_2: ptr<function, vec2<f32>>) -> vec4<f32> {
|
|
41
|
+
let _e15 = (*uv_2)[0u];
|
|
42
|
+
let _e17 = (*uv_2)[1u];
|
|
43
|
+
let _e20 = textureSampleLevel(displacementMap, _sampler, vec2<f32>(_e15, (1f - _e17)), 0f);
|
|
44
|
+
return _e20;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
fn transition(uv_3: ptr<function, vec2<f32>>) -> vec4<f32> {
|
|
48
|
+
var displacement: f32;
|
|
49
|
+
var param: vec2<f32>;
|
|
50
|
+
var uvFrom: vec2<f32>;
|
|
51
|
+
var uvTo: vec2<f32>;
|
|
52
|
+
var param_1: vec2<f32>;
|
|
53
|
+
var param_2: vec2<f32>;
|
|
54
|
+
|
|
55
|
+
let _e20 = (*uv_3);
|
|
56
|
+
param = _e20;
|
|
57
|
+
let _e21 = _texture_displacementMap((¶m));
|
|
58
|
+
let _e24 = uniforms.strength;
|
|
59
|
+
displacement = (_e21.x * _e24);
|
|
60
|
+
let _e27 = (*uv_3)[0u];
|
|
61
|
+
let _e29 = uniforms.progress;
|
|
62
|
+
let _e30 = displacement;
|
|
63
|
+
let _e34 = (*uv_3)[1u];
|
|
64
|
+
uvFrom = vec2<f32>((_e27 + (_e29 * _e30)), _e34);
|
|
65
|
+
let _e37 = (*uv_3)[0u];
|
|
66
|
+
let _e39 = uniforms.progress;
|
|
67
|
+
let _e41 = displacement;
|
|
68
|
+
let _e45 = (*uv_3)[1u];
|
|
69
|
+
uvTo = vec2<f32>((_e37 - ((1f - _e39) * _e41)), _e45);
|
|
70
|
+
let _e47 = uvFrom;
|
|
71
|
+
param_1 = _e47;
|
|
72
|
+
let _e48 = getFromColor((¶m_1));
|
|
73
|
+
let _e49 = uvTo;
|
|
74
|
+
param_2 = _e49;
|
|
75
|
+
let _e50 = getToColor((¶m_2));
|
|
76
|
+
let _e52 = uniforms.progress;
|
|
77
|
+
return mix(_e48, _e50, vec4(_e52));
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
fn main_1() {
|
|
81
|
+
var param_3: vec2<f32>;
|
|
82
|
+
|
|
83
|
+
let _e14 = _uv_1;
|
|
84
|
+
param_3 = _e14;
|
|
85
|
+
let _e15 = transition((¶m_3));
|
|
86
|
+
_fragColor = _e15;
|
|
87
|
+
return;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
@fragment
|
|
91
|
+
fn main(@location(0) _uv: vec2<f32>) -> @location(0) vec4<f32> {
|
|
92
|
+
_uv_1 = _uv;
|
|
93
|
+
main_1();
|
|
94
|
+
let _e3 = _fragColor;
|
|
95
|
+
return _e3;
|
|
96
|
+
}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
// dissolve — WGSL, generated from https://github.com/gl-transitions/gl-transitions/blob/master/transitions/dissolve.glsl
|
|
2
|
+
// Author: hjm1fb
|
|
3
|
+
// License: MIT
|
|
4
|
+
// Description: The incoming image spreads over the outgoing one with a hot, glowing edge
|
|
5
|
+
// Bindings and uniform layout: see the gl-transitions package README
|
|
6
|
+
|
|
7
|
+
struct Uniforms {
|
|
8
|
+
progress: f32,
|
|
9
|
+
ratio: f32,
|
|
10
|
+
uLineWidth: f32,
|
|
11
|
+
uSpreadClr: vec3<f32>,
|
|
12
|
+
uHotClr: vec3<f32>,
|
|
13
|
+
uPow: f32,
|
|
14
|
+
uIntensity: f32,
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
@group(0) @binding(2)
|
|
18
|
+
var _from: texture_2d<f32>;
|
|
19
|
+
@group(0) @binding(1)
|
|
20
|
+
var _sampler: sampler;
|
|
21
|
+
@group(0) @binding(3)
|
|
22
|
+
var _to: texture_2d<f32>;
|
|
23
|
+
@group(0) @binding(0)
|
|
24
|
+
var<uniform> uniforms: Uniforms;
|
|
25
|
+
var<private> _fragColor: vec4<f32>;
|
|
26
|
+
var<private> _uv_1: vec2<f32>;
|
|
27
|
+
|
|
28
|
+
fn getToColor(uv: ptr<function, vec2<f32>>) -> vec4<f32> {
|
|
29
|
+
let _e26 = (*uv)[0u];
|
|
30
|
+
let _e28 = (*uv)[1u];
|
|
31
|
+
let _e31 = textureSampleLevel(_to, _sampler, vec2<f32>(_e26, (1f - _e28)), 0f);
|
|
32
|
+
return _e31;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
fn getFromColor(uv_1: ptr<function, vec2<f32>>) -> vec4<f32> {
|
|
36
|
+
let _e26 = (*uv_1)[0u];
|
|
37
|
+
let _e28 = (*uv_1)[1u];
|
|
38
|
+
let _e31 = textureSampleLevel(_from, _sampler, vec2<f32>(_e26, (1f - _e28)), 0f);
|
|
39
|
+
return _e31;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
fn transition(uv_2: ptr<function, vec2<f32>>) -> vec4<f32> {
|
|
43
|
+
var from_: vec4<f32>;
|
|
44
|
+
var param: vec2<f32>;
|
|
45
|
+
var to: vec4<f32>;
|
|
46
|
+
var param_1: vec2<f32>;
|
|
47
|
+
var burn: f32;
|
|
48
|
+
var show: f32;
|
|
49
|
+
var outColor: vec4<f32>;
|
|
50
|
+
var factor: f32;
|
|
51
|
+
var burnColor: vec3<f32>;
|
|
52
|
+
var finalRGB: vec3<f32>;
|
|
53
|
+
|
|
54
|
+
let _e35 = (*uv_2);
|
|
55
|
+
param = _e35;
|
|
56
|
+
let _e36 = getFromColor((¶m));
|
|
57
|
+
from_ = _e36;
|
|
58
|
+
let _e37 = (*uv_2);
|
|
59
|
+
param_1 = _e37;
|
|
60
|
+
let _e38 = getToColor((¶m_1));
|
|
61
|
+
to = _e38;
|
|
62
|
+
let _e40 = from_[0u];
|
|
63
|
+
let _e43 = from_[1u];
|
|
64
|
+
let _e47 = from_[2u];
|
|
65
|
+
burn = (0.5f + (0.5f * (((0.299f * _e40) + (0.587f * _e43)) + (0.114f * _e47))));
|
|
66
|
+
let _e52 = burn;
|
|
67
|
+
let _e54 = uniforms.progress;
|
|
68
|
+
show = (_e52 - _e54);
|
|
69
|
+
let _e56 = show;
|
|
70
|
+
if (_e56 < 0.001f) {
|
|
71
|
+
let _e58 = to;
|
|
72
|
+
outColor = _e58;
|
|
73
|
+
} else {
|
|
74
|
+
let _e60 = uniforms.uLineWidth;
|
|
75
|
+
let _e61 = show;
|
|
76
|
+
factor = (1f - smoothstep(0f, _e60, _e61));
|
|
77
|
+
let _e65 = uniforms.uSpreadClr;
|
|
78
|
+
let _e67 = uniforms.uHotClr;
|
|
79
|
+
let _e68 = factor;
|
|
80
|
+
burnColor = mix(_e65, _e67, vec3(_e68));
|
|
81
|
+
let _e71 = burnColor;
|
|
82
|
+
let _e73 = uniforms.uPow;
|
|
83
|
+
let _e77 = uniforms.uIntensity;
|
|
84
|
+
burnColor = (pow(_e71, vec3(_e73)) * _e77);
|
|
85
|
+
let _e79 = from_;
|
|
86
|
+
let _e81 = burnColor;
|
|
87
|
+
let _e82 = factor;
|
|
88
|
+
let _e84 = uniforms.progress;
|
|
89
|
+
finalRGB = mix(_e79.xyz, _e81, vec3((_e82 * step(0.0001f, _e84))));
|
|
90
|
+
let _e89 = finalRGB;
|
|
91
|
+
let _e91 = from_[3u];
|
|
92
|
+
let _e92 = (_e89 * _e91);
|
|
93
|
+
let _e94 = from_[3u];
|
|
94
|
+
outColor = vec4<f32>(_e92.x, _e92.y, _e92.z, _e94);
|
|
95
|
+
}
|
|
96
|
+
let _e99 = outColor;
|
|
97
|
+
return _e99;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
fn main_1() {
|
|
101
|
+
var param_2: vec2<f32>;
|
|
102
|
+
|
|
103
|
+
let _e25 = _uv_1;
|
|
104
|
+
param_2 = _e25;
|
|
105
|
+
let _e26 = transition((¶m_2));
|
|
106
|
+
_fragColor = _e26;
|
|
107
|
+
return;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
@fragment
|
|
111
|
+
fn main(@location(0) _uv: vec2<f32>) -> @location(0) vec4<f32> {
|
|
112
|
+
_uv_1 = _uv;
|
|
113
|
+
main_1();
|
|
114
|
+
let _e3 = _fragColor;
|
|
115
|
+
return _e3;
|
|
116
|
+
}
|
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
// doorway — WGSL, generated from https://github.com/gl-transitions/gl-transitions/blob/master/transitions/doorway.glsl
|
|
2
|
+
// Author: gre
|
|
3
|
+
// License: MIT
|
|
4
|
+
// Description: The outgoing image opens like double doors as the incoming one comes forward, with a floor reflection
|
|
5
|
+
// Bindings and uniform layout: see the gl-transitions package README
|
|
6
|
+
|
|
7
|
+
struct Uniforms {
|
|
8
|
+
progress: f32,
|
|
9
|
+
ratio: f32,
|
|
10
|
+
reflection: f32,
|
|
11
|
+
perspective: f32,
|
|
12
|
+
depth: f32,
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@group(0) @binding(2)
|
|
16
|
+
var _from: texture_2d<f32>;
|
|
17
|
+
@group(0) @binding(1)
|
|
18
|
+
var _sampler: sampler;
|
|
19
|
+
@group(0) @binding(3)
|
|
20
|
+
var _to: texture_2d<f32>;
|
|
21
|
+
@group(0) @binding(0)
|
|
22
|
+
var<uniform> uniforms: Uniforms;
|
|
23
|
+
var<private> _fragColor: vec4<f32>;
|
|
24
|
+
var<private> _uv_1: vec2<f32>;
|
|
25
|
+
|
|
26
|
+
fn getToColor(uv: ptr<function, vec2<f32>>) -> vec4<f32> {
|
|
27
|
+
let _e30 = (*uv)[0u];
|
|
28
|
+
let _e32 = (*uv)[1u];
|
|
29
|
+
let _e35 = textureSampleLevel(_to, _sampler, vec2<f32>(_e30, (1f - _e32)), 0f);
|
|
30
|
+
return _e35;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
fn inBounds(p: ptr<function, vec2<f32>>) -> bool {
|
|
34
|
+
var phi_83_: bool;
|
|
35
|
+
|
|
36
|
+
let _e29 = (*p);
|
|
37
|
+
let _e31 = all((vec2<f32>(0f, 0f) < _e29));
|
|
38
|
+
phi_83_ = _e31;
|
|
39
|
+
if _e31 {
|
|
40
|
+
let _e32 = (*p);
|
|
41
|
+
phi_83_ = all((_e32 < vec2<f32>(1f, 1f)));
|
|
42
|
+
}
|
|
43
|
+
let _e36 = phi_83_;
|
|
44
|
+
return _e36;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
fn project(p_1: ptr<function, vec2<f32>>) -> vec2<f32> {
|
|
48
|
+
let _e29 = (*p_1);
|
|
49
|
+
return ((_e29 * vec2<f32>(1f, -1.2f)) + vec2<f32>(0f, -0.02f));
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
fn bgColor(p_2: ptr<function, vec2<f32>>, pto: ptr<function, vec2<f32>>) -> vec4<f32> {
|
|
53
|
+
var c: vec4<f32>;
|
|
54
|
+
var param: vec2<f32>;
|
|
55
|
+
var param_1: vec2<f32>;
|
|
56
|
+
var param_2: vec2<f32>;
|
|
57
|
+
|
|
58
|
+
c = vec4<f32>(0f, 0f, 0f, 1f);
|
|
59
|
+
let _e34 = (*pto);
|
|
60
|
+
param = _e34;
|
|
61
|
+
let _e35 = project((¶m));
|
|
62
|
+
(*pto) = _e35;
|
|
63
|
+
let _e36 = (*pto);
|
|
64
|
+
param_1 = _e36;
|
|
65
|
+
let _e37 = inBounds((¶m_1));
|
|
66
|
+
if _e37 {
|
|
67
|
+
let _e38 = (*pto);
|
|
68
|
+
param_2 = _e38;
|
|
69
|
+
let _e39 = getToColor((¶m_2));
|
|
70
|
+
let _e41 = uniforms.reflection;
|
|
71
|
+
let _e43 = (*pto)[1u];
|
|
72
|
+
let _e48 = c;
|
|
73
|
+
c = (_e48 + mix(vec4<f32>(0f, 0f, 0f, 1f), _e39, vec4((_e41 * mix(1f, 0f, _e43)))));
|
|
74
|
+
}
|
|
75
|
+
let _e50 = c;
|
|
76
|
+
return _e50;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
fn getFromColor(uv_1: ptr<function, vec2<f32>>) -> vec4<f32> {
|
|
80
|
+
let _e30 = (*uv_1)[0u];
|
|
81
|
+
let _e32 = (*uv_1)[1u];
|
|
82
|
+
let _e35 = textureSampleLevel(_from, _sampler, vec2<f32>(_e30, (1f - _e32)), 0f);
|
|
83
|
+
return _e35;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
fn transition(p_3: ptr<function, vec2<f32>>) -> vec4<f32> {
|
|
87
|
+
var pfr: vec2<f32>;
|
|
88
|
+
var pto_1: vec2<f32>;
|
|
89
|
+
var middleSlit: f32;
|
|
90
|
+
var d: f32;
|
|
91
|
+
var size: f32;
|
|
92
|
+
var param_3: vec2<f32>;
|
|
93
|
+
var param_4: vec2<f32>;
|
|
94
|
+
var param_5: vec2<f32>;
|
|
95
|
+
var param_6: vec2<f32>;
|
|
96
|
+
var param_7: vec2<f32>;
|
|
97
|
+
var param_8: vec2<f32>;
|
|
98
|
+
|
|
99
|
+
pfr = vec2<f32>(-1f, -1f);
|
|
100
|
+
pto_1 = vec2<f32>(-1f, -1f);
|
|
101
|
+
let _e41 = (*p_3)[0u];
|
|
102
|
+
let _e46 = uniforms.progress;
|
|
103
|
+
middleSlit = ((2f * abs((_e41 - 0.5f))) - _e46);
|
|
104
|
+
let _e48 = middleSlit;
|
|
105
|
+
if (_e48 > 0f) {
|
|
106
|
+
let _e50 = (*p_3);
|
|
107
|
+
let _e52 = (*p_3)[0u];
|
|
108
|
+
let _e56 = uniforms.progress;
|
|
109
|
+
pfr = (_e50 + (vec2<f32>((0.5f * _e56), 0f) * select(1f, -1f, (_e52 > 0.5f))));
|
|
110
|
+
let _e62 = uniforms.perspective;
|
|
111
|
+
let _e64 = uniforms.progress;
|
|
112
|
+
let _e66 = middleSlit;
|
|
113
|
+
d = (1f / (1f + ((_e62 * _e64) * (1f - _e66))));
|
|
114
|
+
let _e71 = d;
|
|
115
|
+
let _e74 = pfr[1u];
|
|
116
|
+
pfr[1u] = (_e74 - (_e71 / 2f));
|
|
117
|
+
let _e77 = d;
|
|
118
|
+
let _e79 = pfr[1u];
|
|
119
|
+
pfr[1u] = (_e79 * _e77);
|
|
120
|
+
let _e82 = d;
|
|
121
|
+
let _e85 = pfr[1u];
|
|
122
|
+
pfr[1u] = (_e85 + (_e82 / 2f));
|
|
123
|
+
}
|
|
124
|
+
let _e89 = uniforms.depth;
|
|
125
|
+
let _e91 = uniforms.progress;
|
|
126
|
+
size = mix(1f, _e89, (1f - _e91));
|
|
127
|
+
let _e94 = (*p_3);
|
|
128
|
+
let _e96 = size;
|
|
129
|
+
pto_1 = (((_e94 + vec2<f32>(-0.5f, -0.5f)) * vec2(_e96)) + vec2<f32>(0.5f, 0.5f));
|
|
130
|
+
let _e100 = pfr;
|
|
131
|
+
param_3 = _e100;
|
|
132
|
+
let _e101 = inBounds((¶m_3));
|
|
133
|
+
if _e101 {
|
|
134
|
+
let _e102 = pfr;
|
|
135
|
+
param_4 = _e102;
|
|
136
|
+
let _e103 = getFromColor((¶m_4));
|
|
137
|
+
return _e103;
|
|
138
|
+
} else {
|
|
139
|
+
let _e104 = pto_1;
|
|
140
|
+
param_5 = _e104;
|
|
141
|
+
let _e105 = inBounds((¶m_5));
|
|
142
|
+
if _e105 {
|
|
143
|
+
let _e106 = pto_1;
|
|
144
|
+
param_6 = _e106;
|
|
145
|
+
let _e107 = getToColor((¶m_6));
|
|
146
|
+
return _e107;
|
|
147
|
+
} else {
|
|
148
|
+
let _e108 = (*p_3);
|
|
149
|
+
param_7 = _e108;
|
|
150
|
+
let _e109 = pto_1;
|
|
151
|
+
param_8 = _e109;
|
|
152
|
+
let _e110 = bgColor((¶m_7), (¶m_8));
|
|
153
|
+
return _e110;
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
fn main_1() {
|
|
159
|
+
var param_9: vec2<f32>;
|
|
160
|
+
|
|
161
|
+
let _e29 = _uv_1;
|
|
162
|
+
param_9 = _e29;
|
|
163
|
+
let _e30 = transition((¶m_9));
|
|
164
|
+
_fragColor = _e30;
|
|
165
|
+
return;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
@fragment
|
|
169
|
+
fn main(@location(0) _uv: vec2<f32>) -> @location(0) vec4<f32> {
|
|
170
|
+
_uv_1 = _uv;
|
|
171
|
+
main_1();
|
|
172
|
+
let _e3 = _fragColor;
|
|
173
|
+
return _e3;
|
|
174
|
+
}
|
package/wgsl/fade.wgsl
ADDED
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
// fade — WGSL, generated from https://github.com/gl-transitions/gl-transitions/blob/master/transitions/fade.glsl
|
|
2
|
+
// Author: gre
|
|
3
|
+
// License: MIT
|
|
4
|
+
// Description: A linear crossfade between the two images
|
|
5
|
+
// Bindings and uniform layout: see the gl-transitions package README
|
|
6
|
+
|
|
7
|
+
struct Uniforms {
|
|
8
|
+
progress: f32,
|
|
9
|
+
ratio: f32,
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
@group(0) @binding(2)
|
|
13
|
+
var _from: texture_2d<f32>;
|
|
14
|
+
@group(0) @binding(1)
|
|
15
|
+
var _sampler: sampler;
|
|
16
|
+
@group(0) @binding(3)
|
|
17
|
+
var _to: texture_2d<f32>;
|
|
18
|
+
@group(0) @binding(0)
|
|
19
|
+
var<uniform> uniforms: Uniforms;
|
|
20
|
+
var<private> _fragColor: vec4<f32>;
|
|
21
|
+
var<private> _uv_1: vec2<f32>;
|
|
22
|
+
|
|
23
|
+
fn getToColor(uv: ptr<function, vec2<f32>>) -> vec4<f32> {
|
|
24
|
+
let _e13 = (*uv)[0u];
|
|
25
|
+
let _e15 = (*uv)[1u];
|
|
26
|
+
let _e18 = textureSampleLevel(_to, _sampler, vec2<f32>(_e13, (1f - _e15)), 0f);
|
|
27
|
+
return _e18;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
fn getFromColor(uv_1: ptr<function, vec2<f32>>) -> vec4<f32> {
|
|
31
|
+
let _e13 = (*uv_1)[0u];
|
|
32
|
+
let _e15 = (*uv_1)[1u];
|
|
33
|
+
let _e18 = textureSampleLevel(_from, _sampler, vec2<f32>(_e13, (1f - _e15)), 0f);
|
|
34
|
+
return _e18;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
fn transition(uv_2: ptr<function, vec2<f32>>) -> vec4<f32> {
|
|
38
|
+
var param: vec2<f32>;
|
|
39
|
+
var param_1: vec2<f32>;
|
|
40
|
+
|
|
41
|
+
let _e14 = (*uv_2);
|
|
42
|
+
param = _e14;
|
|
43
|
+
let _e15 = getFromColor((¶m));
|
|
44
|
+
let _e16 = (*uv_2);
|
|
45
|
+
param_1 = _e16;
|
|
46
|
+
let _e17 = getToColor((¶m_1));
|
|
47
|
+
let _e19 = uniforms.progress;
|
|
48
|
+
return mix(_e15, _e17, vec4(_e19));
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
fn main_1() {
|
|
52
|
+
var param_2: vec2<f32>;
|
|
53
|
+
|
|
54
|
+
let _e12 = _uv_1;
|
|
55
|
+
param_2 = _e12;
|
|
56
|
+
let _e13 = transition((¶m_2));
|
|
57
|
+
_fragColor = _e13;
|
|
58
|
+
return;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
@fragment
|
|
62
|
+
fn main(@location(0) _uv: vec2<f32>) -> @location(0) vec4<f32> {
|
|
63
|
+
_uv_1 = _uv;
|
|
64
|
+
main_1();
|
|
65
|
+
let _e3 = _fragColor;
|
|
66
|
+
return _e3;
|
|
67
|
+
}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
// fadecolor — WGSL, generated from https://github.com/gl-transitions/gl-transitions/blob/master/transitions/fadecolor.glsl
|
|
2
|
+
// Author: gre
|
|
3
|
+
// License: MIT
|
|
4
|
+
// Description: A fade through a solid color, black by default
|
|
5
|
+
// Bindings and uniform layout: see the gl-transitions package README
|
|
6
|
+
|
|
7
|
+
struct Uniforms {
|
|
8
|
+
progress: f32,
|
|
9
|
+
ratio: f32,
|
|
10
|
+
color: vec3<f32>,
|
|
11
|
+
colorPhase: f32,
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
@group(0) @binding(2)
|
|
15
|
+
var _from: texture_2d<f32>;
|
|
16
|
+
@group(0) @binding(1)
|
|
17
|
+
var _sampler: sampler;
|
|
18
|
+
@group(0) @binding(3)
|
|
19
|
+
var _to: texture_2d<f32>;
|
|
20
|
+
@group(0) @binding(0)
|
|
21
|
+
var<uniform> uniforms: Uniforms;
|
|
22
|
+
var<private> _fragColor: vec4<f32>;
|
|
23
|
+
var<private> _uv_1: vec2<f32>;
|
|
24
|
+
|
|
25
|
+
fn getToColor(uv: ptr<function, vec2<f32>>) -> vec4<f32> {
|
|
26
|
+
let _e15 = (*uv)[0u];
|
|
27
|
+
let _e17 = (*uv)[1u];
|
|
28
|
+
let _e20 = textureSampleLevel(_to, _sampler, vec2<f32>(_e15, (1f - _e17)), 0f);
|
|
29
|
+
return _e20;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
fn getFromColor(uv_1: ptr<function, vec2<f32>>) -> vec4<f32> {
|
|
33
|
+
let _e15 = (*uv_1)[0u];
|
|
34
|
+
let _e17 = (*uv_1)[1u];
|
|
35
|
+
let _e20 = textureSampleLevel(_from, _sampler, vec2<f32>(_e15, (1f - _e17)), 0f);
|
|
36
|
+
return _e20;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
fn transition(uv_2: ptr<function, vec2<f32>>) -> vec4<f32> {
|
|
40
|
+
var param: vec2<f32>;
|
|
41
|
+
var param_1: vec2<f32>;
|
|
42
|
+
|
|
43
|
+
let _e17 = uniforms.color;
|
|
44
|
+
let _e22 = (*uv_2);
|
|
45
|
+
param = _e22;
|
|
46
|
+
let _e23 = getFromColor((¶m));
|
|
47
|
+
let _e25 = uniforms.colorPhase;
|
|
48
|
+
let _e28 = uniforms.progress;
|
|
49
|
+
let _e33 = uniforms.color;
|
|
50
|
+
let _e38 = (*uv_2);
|
|
51
|
+
param_1 = _e38;
|
|
52
|
+
let _e39 = getToColor((¶m_1));
|
|
53
|
+
let _e41 = uniforms.colorPhase;
|
|
54
|
+
let _e43 = uniforms.progress;
|
|
55
|
+
let _e48 = uniforms.progress;
|
|
56
|
+
return mix(mix(vec4<f32>(_e17.x, _e17.y, _e17.z, 1f), _e23, vec4(smoothstep((1f - _e25), 0f, _e28))), mix(vec4<f32>(_e33.x, _e33.y, _e33.z, 1f), _e39, vec4(smoothstep(_e41, 1f, _e43))), vec4(_e48));
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
fn main_1() {
|
|
60
|
+
var param_2: vec2<f32>;
|
|
61
|
+
|
|
62
|
+
let _e14 = _uv_1;
|
|
63
|
+
param_2 = _e14;
|
|
64
|
+
let _e15 = transition((¶m_2));
|
|
65
|
+
_fragColor = _e15;
|
|
66
|
+
return;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
@fragment
|
|
70
|
+
fn main(@location(0) _uv: vec2<f32>) -> @location(0) vec4<f32> {
|
|
71
|
+
_uv_1 = _uv;
|
|
72
|
+
main_1();
|
|
73
|
+
let _e3 = _fragColor;
|
|
74
|
+
return _e3;
|
|
75
|
+
}
|