summaryrefslogtreecommitdiffstats
path: root/WebKitSlideContent.qml
blob: ea5a36445facfc149396d33bd2e4449177624651 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
import QtQuick 2.0
import QtQuick.Particles 2.0
import QtWebKit 3.0

Item {
    id: slide

    anchors.fill: parent;

    WebView {
        id: browser
        anchors.fill: parent
        url: editor.text

    // This works around rendering bugs in webkit. CSS animations
    // and webGL content gets a bad offset, but this hack
    // clips it so it is not visible. Not ideal, but it kinda works
    // for now.
        layer.enabled: true
        layer.smooth: true
    }

    Rectangle {
        border.width: 2
        border.color: "black"
        opacity: 0.5
        color: "black"
        anchors.fill: editor
        anchors.margins: -editor.height * 0.2;

        radius: -anchors.margins
        antialiasing: true
    }

    TextInput {
        id: editor
        anchors.top: browser.bottom;
        anchors.horizontalCenter: browser.horizontalCenter
        font.pixelSize: slide.height * 0.05;
        text: "http://qt.digia.com"
        onAccepted: browser.reload();
        color: "white"

        onCursorPositionChanged: {
            var rect = positionToRectangle(cursorPosition);
            emitter.x = rect.x;
            emitter.y = rect.y;
            emitter.width = rect.width;
            emitter.height = rect.height;
            emitter.burst(10);
        }

        ParticleSystem {
            id: sys1
            running: slide.visible
        }

        ImageParticle {
            system: sys1
            source: "images/particle.png"
            color: "white"
            colorVariation: 0.2
            alpha: 0
        }

        Emitter {
            id: emitter
            system: sys1

            enabled: false

            lifeSpan: 2000

            velocity: PointDirection { xVariation: 30; yVariation: 30; }
            acceleration: PointDirection {xVariation: 30; yVariation: 30; y: 100 }

            endSize: 0

            size: 8
            sizeVariation: 2
        }
    }

}