- Qt 6.10
- Qt Quick Effect Maker
- Qt Quick Effect Maker examples
- Wiggly
- Qt Quick Effect Maker 6.10.2

Porting Shadertoy effects to Qt Quick Effect Maker

# Wiggly

     // Copyright (C) 2023 The Qt Company Ltd.
     // SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
     // Created with Qt Quick Effect Maker (version 0.43), Fri Feb 17 09:45:06 2023

     import QtQuick

     Item {
         id: rootItem

         // This is the main source for the effect
         property Item source: null
         // Enable this to animate iTime property
         property bool timeRunning: false
         // When timeRunning is false, this can be used to control iTime manually
         property real animatedTime: frameAnimation.elapsedTime

         property real wigglyAmountX: 20
         property real wigglyAmountY: 50
         property real wigglyShadows: 0.5
         // The levels of details for the electic clouds. Bigger value means more detailed rending which also requires more processing power. The default value is 6 and practical range is between 1 and 10.
         property int electricCloudLevels: 6
         // The color used for the clouds. Alpha channel defines the amount of opacity this effect has.
         property color electricCloudColor: Qt.rgba(1, 1, 1, 1)

         FrameAnimation {
             id: frameAnimation
             running: rootItem.timeRunning
         }

         ShaderEffect {
             readonly property alias iSource: rootItem.source
             readonly property alias iTime: rootItem.animatedTime
             readonly property vector3d iResolution: Qt.vector3d(width, height, 1.0)
             readonly property alias wigglyAmountX: rootItem.wigglyAmountX
             readonly property alias wigglyAmountY: rootItem.wigglyAmountY
             readonly property alias wigglyShadows: rootItem.wigglyShadows
             readonly property alias electricCloudLevels: rootItem.electricCloudLevels
             readonly property alias electricCloudColor: rootItem.electricCloudColor

             vertexShader: 'wigglyeffect.vert.qsb'
             fragmentShader: 'wigglyeffect.frag.qsb'
             anchors.fill: parent
             mesh: GridMesh {
                 resolution: Qt.size(63, 1)
             }
         }
     }