Qt Quick 3D - Dynamic Texture Example

 // Copyright (C) 2021 The Qt Company Ltd.
 // SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause

 import QtQuick

 Image {
     id: corkPanel
     source: "content/cork.jpg"
     width: ListView.view.width
     height: ListView.view.height
     fillMode: Image.PreserveAspectCrop

     TapHandler {
         objectName: name
         onTapped: corkPanel.Window.activeFocusItem.focus = false
     }

     Text {
         text: name
         x: 15
         y: 8
         height: 40
         width: 370
         font.pixelSize: 18
         font.bold: true
         color: "white"
         style: Text.Outline
         styleColor: "black"
         wrapMode: Text.Wrap
     }

     Repeater {
         model: notes
         Item {
             id: fulcrum

             x: 100 + Math.random() * (corkPanel.width - 0.5 * paper.width)
             y: 50 + Math.random() * (corkPanel.height - 0.5 * paper.height)

             Item {
                 id: note
                 scale: 0.7

                 Image {
                     id: paper
                     x: 8 + -width * 0.6 / 2
                     y: -20
                     source: "note-yellow.png"
                     scale: 0.6
                     transformOrigin: Item.TopLeft
                     antialiasing: true

                     DragHandler {
                         target: fulcrum
                         xAxis.minimum: 100
                         xAxis.maximum: corkPanel.width - 80
                         yAxis.minimum: 0
                         yAxis.maximum: corkPanel.height - 80
                     }
                 }

                 TextEdit {
                     id: text
                     x: -104
                     y: 36
                     width: 215
                     height: 24
                     font.pixelSize: 24
                     readOnly: false
                     selectByMouse: activeFocus
                     rotation: -8
                     text: noteText
                     wrapMode: Text.Wrap
                 }

                 rotation: -flickable.horizontalVelocity / 100
                 Behavior on rotation {
                     SpringAnimation { spring: 2.0; damping: 0.15 }
                 }
             }

             Image {
                 x: -width / 2
                 y: -height * 0.5 / 2
                 source: "tack.png"
                 scale: 0.7
                 transformOrigin: Item.TopLeft
             }

             states: State {
                 name: "pressed"
                 when: text.activeFocus
                 PropertyChanges { target: note; rotation: 8; scale: 1 }
                 PropertyChanges { target: fulcrum; z: 8 }
             }

             transitions: Transition {
                 NumberAnimation { properties: "rotation,scale"; duration: 200 }
             }
         }
     }
 }