1
0
mirror of https://gitlab.com/kelteseth/ScreenPlay.git synced 2024-11-07 03:22:33 +01:00

Refactor welcome screen

Remove no longer needed seets
This commit is contained in:
Elias Steurer 2021-01-05 14:34:29 +01:00
parent e31fd11626
commit 4c2b6dbd87
16 changed files with 66 additions and 77 deletions

View File

@ -74,25 +74,15 @@
<file>assets/icons/icon_widgets.svg</file>
<file>assets/icons/icon_window.svg</file>
<file>assets/icons/monitor_setup.svg</file>
<file>assets/images/FFmpeg_Logo_new.svg</file>
<file>assets/images/Intro.png</file>
<file>assets/images/Intro_PC.png</file>
<file>assets/images/Intro_PC.svg</file>
<file>assets/images/Intro_shine.png</file>
<file>assets/images/ScreenPlayIconStomt.png</file>
<file>assets/images/Stomt_Logo+Wordmark_Mono_BLK.svg</file>
<file>assets/images/Untitled.png</file>
<file>assets/images/Window.svg</file>
<file>assets/images/ava.png</file>
<file>assets/images/hand_give.png</file>
<file>assets/images/mask.svg</file>
<file>assets/images/mask_round.svg</file>
<file>assets/images/mask_workshop.png</file>
<file>assets/images/missingPreview.png</file>
<file>assets/images/noisy-texture-2.png</file>
<file>assets/images/noisy-texture-3.png</file>
<file>assets/images/noisy-texture.png</file>
<file>assets/images/undraw_static_website_0107.svg</file>
<file>assets/licenses/Apache2.txt</file>
<file>assets/licenses/OFL.txt</file>
<file>assets/particle/backgroundGlow.png</file>
@ -143,5 +133,6 @@
<file>translations/ScreenPlay_ru.qm</file>
<file>translations/ScreenPlay_vi.qm</file>
<file>translations/ScreenPlay_zh_cn.qm</file>
<file>assets/images/Early_Access.png</file>
</qresource>
</RCC>

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

View File

@ -1,38 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="224.44334" height="60.186737" viewBox="0 0 224.44334 60.186738" version="1.1">
<defs>
<radialGradient id="a" gradientUnits="userSpaceOnUse" cy="442.72311" cx="-122.3936" gradientTransform="matrix(1,0,0,-1,134.4463,453.7334)" r="29.5804">
<stop stop-color="#fff" offset="0"/>
<stop stop-color="#007808" offset="1"/>
</radialGradient>
</defs>
<g>
<polygon points="0.511 12.364 0.511 5.078 5.402 6.763 5.402 13.541" fill="#0b4819"/>
<polygon points="4.455 42.317 4.455 15.226 9.13 16.215 9.13 41.393" fill="#0b4819"/>
<polygon points="27.321 5.066 15.306 18.846 15.306 24.71 33.126 4.617 61.351 2.432 19.834 45.706 25.361 45.997 55.516 15.154 55.516 44.305 52.166 47.454 60.662 47.913 60.662 55.981 34.012 53.917 47.597 40.738 47.597 34.243 28.175 53.465 4.919 51.667 42.222 11.55 36.083 11.882 9.13 41.393 9.13 16.215 11.683 13.201 5.402 13.541 5.402 6.763" fill="#105c80"/>
<polygon points="4.455 15.226 7.159 11.971 11.683 13.201 9.13 16.215" fill="#0b4819"/>
<polygon points="11.004 18.039 15.306 18.846 15.306 24.71 11.004 24.358" fill="#084010"/>
<polygon points="15.82 47.006 19.834 45.706 25.361 45.997 21.714 47.346" fill="#0c541e"/>
<polygon points="23.808 3.106 27.321 5.066 15.306 18.846 11.004 18.039" fill="#1a5c34"/>
<polygon points="11.004 24.358 30.022 2.58 33.126 4.617 15.306 24.71" fill="#0b4819"/>
<polygon points="33.195 10.432 36.083 11.882 9.13 41.393 4.455 42.317" fill="#1a5c34"/>
<polygon points="0 53.344 39.798 10.042 42.222 11.55 4.919 51.667" fill="#0b4819"/>
<polygon points="45.597 34.677 47.597 34.243 28.175 53.465 24.721 55.437" fill="#1a5c34"/>
<polygon points="45.597 41.737 45.597 34.677 47.597 34.243 47.597 40.738" fill="#0b4819"/>
<polygon points="30.973 55.965 45.597 41.737 47.597 40.738 34.012 53.917" fill="#0b4819"/>
<polygon points="54.168 45.648 50.538 49.059 52.166 47.454 55.516 44.305" fill="#13802d"/>
<polygon points="21.714 47.346 54.168 13.9 55.516 15.154 25.361 45.997" fill="#0b4819"/>
<polygon points="54.168 13.9 55.516 15.154 55.516 44.305 54.168 45.648" fill="#084010"/>
<polygon points="59.759 49.604 60.662 47.913 60.662 55.981 59.759 58.403" fill="#084010"/>
<polygon points="60.507 0 61.351 2.432 19.834 45.706 15.82 47.006" fill="#1a5c34"/>
<polygon points="23.808 3.106 11.004 18.039 11.004 24.358 30.022 2.58 60.507 0 15.82 47.006 21.714 47.346 54.168 13.9 54.168 45.648 50.538 49.059 59.759 49.604 59.759 58.403 30.973 55.965 45.597 41.737 45.597 34.677 24.721 55.437 0 53.344 39.798 10.042 33.195 10.432 4.455 42.317 4.455 15.226 7.159 11.971 0.511 12.364 0.511 5.078" fill="url(#a)"/>
</g>
<g transform="matrix(2.6160433,0,0,2.6160433,70,-145)">
<polygon points="2.907 66.777 6.825 66.777 6.825 69.229 2.907 69.229 2.907 74.687 0.797 74.687 0.797 74.688 0.797 61.504 8.218 61.504 8.218 63.965 2.907 63.965"/>
<polygon points="11.13 66.777 15.049 66.777 15.049 69.229 11.13 69.229 11.13 74.687 9.021 74.687 9.021 74.688 9.021 61.504 16.442 61.504 16.442 63.965 11.13 63.965"/>
<path d="m19.69 69.063v5.625h-2.461v-8.534l2.461-0.264v0.782c0.551-0.517 1.254-0.773 2.109-0.773 1.113 0 1.963 0.337 2.549 1.011 0.645-0.674 1.611-1.011 2.9-1.011 1.113 0 1.963 0.337 2.549 1.011 0.586 0.675 0.879 1.45 0.879 2.329v5.449h-2.461v-4.834c0-0.586-0.132-1.04-0.396-1.362-0.264-0.321-0.691-0.491-1.283-0.51-0.486 0.035-0.908 0.357-1.266 0.967-0.029 0.183-0.044 0.366-0.044 0.555v5.186h-2.461v-4.834c0-0.586-0.132-1.04-0.396-1.362-0.264-0.321-0.689-0.492-1.281-0.511-0.539 0.034-1.005 0.394-1.398 1.08z"/>
<path d="m31.913 78.379v-12.225l2.461-0.264v0.703c0.656-0.47 1.301-0.703 1.934-0.703 1.348 0 2.417 0.438 3.208 1.317 0.791 0.88 1.187 1.904 1.187 3.076s-0.396 2.197-1.187 3.076-1.86 1.318-3.208 1.318c-0.879-0.06-1.523-0.296-1.934-0.712v4.421l-2.461-0.007zm2.461-8.885v1.425c0.117 0.983 0.732 1.562 1.846 1.73 1.406-0.111 2.197-0.841 2.373-2.188-0.059-1.642-0.85-2.49-2.373-2.55-1.114 0.176-1.729 0.704-1.846 1.583z"/>
<path d="m41.094 70.293c0-1.289 0.41-2.345 1.23-3.164 0.82-0.82 1.875-1.23 3.164-1.23s2.314 0.41 3.076 1.23c0.762 0.819 1.143 1.875 1.143 3.164v0.879h-6.064c0.059 0.469 0.264 0.835 0.615 1.099s0.762 0.396 1.23 0.396c0.82 0 1.553-0.233 2.197-0.702l1.406 1.405c-0.645 0.879-1.846 1.318-3.604 1.318-1.289 0-2.344-0.41-3.164-1.23s-1.229-1.875-1.229-3.165zm5.625-1.977c-0.352-0.264-0.762-0.396-1.23-0.396s-0.879 0.132-1.23 0.396-0.527 0.63-0.527 1.099h3.516c-0.002-0.469-0.178-0.835-0.529-1.099z"/>
<path d="m59.037 66.163v7.822c0 1.23-0.366 2.259-1.099 3.085s-1.655 1.263-2.769 1.311l-0.527 0.053c-1.699-0.035-3.018-0.521-3.955-1.459l1.143-1.318c0.645 0.47 1.427 0.732 2.347 0.791 0.938 0 1.572-0.22 1.902-0.659 0.332-0.438 0.497-0.923 0.497-1.449v-0.439c-0.656 0.527-1.418 0.791-2.285 0.791-1.348 0-2.358-0.396-3.032-1.187s-1.011-1.86-1.011-3.208c0-1.289 0.366-2.345 1.099-3.164 0.733-0.82 1.772-1.23 3.12-1.23 0.996 0.06 1.699 0.325 2.109 0.8v-0.8l2.461 0.26zm-2.461 4.921v-1.424c-0.117-0.983-0.732-1.562-1.846-1.73-1.465 0.053-2.256 0.782-2.373 2.188 0.059 1.642 0.85 2.49 2.373 2.55 1.114-0.177 1.729-0.705 1.846-1.584z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 379 KiB

After

Width:  |  Height:  |  Size: 588 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 MiB

After

Width:  |  Height:  |  Size: 2.0 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 350 350" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><g><path d="M196.049,166.329l0,10.744c0,4.72 0.502,7.833 3.213,7.833c0.803,0 2.352,-0.18 2.758,-0.235c1.952,-0.267 2.665,0.737 2.865,1.54c0,0 1.073,5.625 1.105,5.824c0.295,1.839 -0.861,2.495 -1.506,2.711c-1.828,0.629 -3.916,1.005 -7.13,1.005c-8.836,0 -13.958,-3.716 -13.958,-17.272l0,-12.15l-5.522,0c-1.205,0 -2.109,-0.803 -2.109,-2.109l0,-7.531c0,-1.205 0.904,-2.109 2.109,-2.109l5.522,0l0,-14.259c0,-1.305 0.804,-2.108 2.11,-2.108l8.434,0c1.306,0 2.109,0.803 2.109,2.108l0,14.259l7.33,0c1.205,0 2.109,0.904 2.109,2.109l0,7.531c0,1.306 -0.904,2.109 -2.109,2.109l-7.33,0m-56.156,23.798c0.022,-0.098 0.009,-0.1 2.009,-6.828c0.356,-1.144 1.278,-1.769 2.61,-1.105c1.306,0.804 6.025,2.712 11.046,2.712c2.009,0 4.719,0 4.719,-1.607c0,-3.615 -20.082,-3.515 -20.082,-16.368c0,-8.435 7.732,-12.351 16.97,-12.351c4.92,0 9.941,1.105 12.049,2.008c0.622,0.286 1.607,0.848 1.105,2.31l-2.108,7.531c-0.297,0.945 -0.968,1.492 -2.109,1.105c-2.31,-0.803 -5.925,-1.406 -8.937,-1.406c-3.615,0 -4.218,0.803 -4.218,1.808c0,3.313 19.983,4.317 19.983,14.962c0,10.04 -9.339,12.853 -17.271,12.853c-4.82,0 -9.841,-0.703 -14.761,-3.916c-0.402,-0.302 -1.234,-0.664 -1.005,-1.708m68.979,-14.56c0,-11.246 9.64,-20.987 20.987,-20.987c11.346,0 20.986,9.741 20.986,20.987c0,11.146 -9.64,20.184 -20.986,20.184c-11.347,0 -20.987,-9.038 -20.987,-20.184Zm29.22,0.101c0,-5.322 -3.715,-9.138 -8.334,-9.138c-4.418,0 -8.134,3.816 -8.134,9.138c0,5.221 3.716,9.238 8.134,9.238c4.619,0 8.334,-4.017 8.334,-9.238Zm97.083,-9.339l0,10.744c0,4.72 0.502,7.833 3.213,7.833c0.803,0 2.352,-0.18 2.757,-0.235c1.953,-0.267 2.666,0.737 2.866,1.54c0,0 1.073,5.625 1.105,5.824c0.295,1.839 -0.861,2.495 -1.506,2.711c-1.828,0.629 -3.917,1.005 -7.13,1.005c-8.836,0 -13.958,-3.716 -13.958,-17.272l0,-12.15l-5.522,0c-1.206,0 -2.109,-0.803 -2.109,-2.109l0,-7.531c0,-1.205 0.903,-2.109 2.109,-2.109l5.522,0l0,-14.259c0,-1.305 0.804,-2.108 2.109,-2.108l8.435,0c1.305,0 2.109,0.803 2.109,2.108l0,14.259l7.33,0c1.205,0 2.109,0.904 2.109,2.109l0,7.531c0,1.306 -0.904,2.109 -2.109,2.109l-7.33,0m-66.616,26.811c0,1.205 -0.803,2.109 -2.109,2.109l-8.535,0c-1.205,0 -2.109,-0.904 -2.109,-2.109l0,-35.949c0,-1.305 0.904,-2.109 2.109,-2.109l5.523,0c1.205,0 2.109,0.804 2.109,2.109l0,2.209c2.711,-2.912 5.121,-4.82 9.941,-4.82c3.314,0 7.33,1.406 9.639,4.921c3.615,-4.218 6.628,-4.921 10.343,-4.921c9.439,0 14.46,7.532 14.46,17.272l0,21.288c0,1.205 -0.904,2.109 -2.108,2.109l-8.536,0c-1.204,0 -2.109,-0.904 -2.109,-2.109l0,-20.384c0,-4.017 -1.506,-6.226 -3.916,-6.226c-2.41,0 -3.916,2.309 -3.916,6.326l0,20.284c0,1.205 -0.904,2.109 -2.108,2.109l-8.536,0c-1.205,0 -2.109,-0.904 -2.109,-2.109l0,-20.306c0,-4.12 -1.544,-6.386 -4.016,-6.386c-2.472,0 -4.017,2.369 -4.017,6.489l0,20.203m-217.066,-52.145l28.838,-20.952l-0.001,0c-5.756,-1.87 -11.771,-2.821 -17.823,-2.819c-19.183,0 -36.168,9.371 -46.658,23.776l-0.001,0l-0.018,0.025l-0.003,0.004c0.005,-0.007 21.836,-0.018 35.637,-0.024l0.029,-0.01m-24.655,33.922l-11.011,-33.888c-7.171,9.841 -11.029,21.712 -11.013,33.888c-0.015,12.176 3.842,24.048 11.013,33.889l11.011,-33.889" style="fill:#fff;"/><path d="M120.201,174.91c-0.003,-25.636 -16.733,-47.354 -39.866,-54.865l-0.001,-0.001l-0.003,-0.001l11.019,33.907l28.851,20.96m-39.866,54.88l-28.84,-20.949l-0.031,-0.011c-13.801,-0.006 -35.632,-0.017 -35.637,-0.024l0.003,0.003c0.006,0.009 0.012,0.017 0.018,0.026l0.001,0c10.49,14.405 27.475,23.776 46.658,23.776c6.222,0 12.209,-0.997 17.823,-2.82l0.001,0.001c23.135,-7.51 39.867,-29.229 39.87,-54.868l-28.849,20.961l-11.017,33.905m39.866,-54.88l0,0.014l0,-0.014" style="fill:#fff;"/><path d="M77.783,154.514l-20.368,0c-5.624,0 -10.183,4.826 -10.183,10.451c0,5.624 4.559,10.45 10.183,10.45l-10.183,0c-5.625,0 -10.184,4.328 -10.184,9.953c0,5.624 4.559,9.952 10.184,9.952l20.367,0c5.625,0 10.184,-4.328 10.184,-9.952c0,-5.625 -4.559,-9.953 -10.184,-9.953l10.184,0c5.625,0 10.184,-4.826 10.184,-10.45c0,-5.625 -4.559,-10.451 -10.184,-10.451" style="fill:#fff;"/><text x="226.984px" y="223.461px" style="font-family:'Roboto-Light', 'Roboto';font-weight:300;font-size:23.734px;fill:#fff;">FEEDBA<tspan x="312.117px " y="223.461px ">C</tspan>K</text></g></svg>

Before

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.6 KiB

View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 120 120" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><circle cx="60" cy="60" r="59.5" style="fill:#fff;"/></svg>

Before

Width:  |  Height:  |  Size: 507 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.0 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 8.2 KiB

View File

@ -35,6 +35,7 @@ Item {
source: "qrc:/assets/images/Intro_shine.png"
height: 1753
width: 1753
opacity: 0
anchors.centerIn: parent
RotationAnimator {
target: imgShine
@ -47,17 +48,29 @@ Item {
}
}
Image {
id: imgLogo
source: "qrc:/assets/images/Early_Access.png"
anchors {
top: parent.top
topMargin: -200
horizontalCenter: parent.horizontalCenter
}
width: 539
height: 148
sourceSize: Qt.size(width, height)
}
Text {
id: txtHeadline2
x: 20
id: txtHeadline
y: 80
text: qsTr("Get free Widgets and Wallpaper via the Steam Workshop")
font.family: ScreenPlay.settings.font
font.capitalization: Font.Capitalize
wrapMode: Text.WordWrap
color: "white"
font.weight: Font.Thin
font.pointSize: 32
font.pointSize: 28
horizontalAlignment: Text.AlignHCenter
anchors {
right: parent.right
@ -74,29 +87,32 @@ Item {
topMargin: 50
horizontalCenter: parent.horizontalCenter
}
width: 500
height: 500
width: 500 * .8
height: 500 * .8
sourceSize: Qt.size(width, height)
}
Button {
id: btnWorkshop
text: qsTr("Browse the Steam Workshop")
Material.background: Material.color(Material.Green)
Material.background: Material.color(Material.Orange)
Material.foreground: "white"
smooth: true
font.pointSize: 18
font.pointSize: 16
font.weight: Font.Thin
width: implicitWidth + 20
height: implicitHeight + 10
icon.source: "qrc:/assets/icons/icon_steam.svg"
icon.width: 18
icon.height: 18
transform: [
Shake {
id: animShake
},
Grow {
id: animGrow
centerX: btnWorkshop.width *.5
centerY: btnWorkshop.height *.5
centerX: btnWorkshop.width * .5
centerY: btnWorkshop.height * .5
loops: -1
}
]
anchors {
@ -125,8 +141,15 @@ Item {
opacity: 0
anchors.topMargin: -500
}
PropertyChanges {
target: txtHeadline2
target: imgLogo
opacity: 1
anchors.topMargin: -500
}
PropertyChanges {
target: txtHeadline
opacity: 0
anchors.topMargin: -300
}
@ -145,19 +168,25 @@ Item {
PropertyChanges {
target: imgShine
opacity: 1
opacity: .5
}
PropertyChanges {
target: imgPC
opacity: 1
anchors.topMargin: 150
anchors.topMargin: 250
}
PropertyChanges {
target: txtHeadline2
target: imgLogo
opacity: 1
anchors.topMargin: 50
}
PropertyChanges {
target: txtHeadline
color: "#ffffff"
opacity: 1
anchors.topMargin: 100
anchors.topMargin: 250
}
PropertyChanges {
target: btnWorkshop
@ -196,17 +225,28 @@ Item {
duration: 700
easing.type: Easing.OutBack
}
PropertyAnimation {
targets: imgPC
property: "opacity"
duration: 600
easing.type: Easing.OutBack
}
}
SequentialAnimation {
PauseAnimation {
duration: 100
}
PropertyAnimation {
targets: imgPC
targets: imgLogo
property: "opacity"
duration: 700
duration: 500
easing.type: Easing.InOutExpo
}
PropertyAnimation {
targets: imgLogo
property: "topMargin"
duration: 500
easing.type: Easing.InOutExpo
}
}
@ -217,7 +257,7 @@ Item {
duration: 200
}
PropertyAnimation {
targets: txtHeadline2
targets: txtHeadline
properties: "topMargin, opacity"
duration: 1100
easing.type: Easing.InOutExpo
@ -237,7 +277,7 @@ Item {
}
ScriptAction {
script: {
animShake.start(2000,1000,-1)
animShake.start(2000, 1000, -1)
}
}
}

View File

@ -125,7 +125,7 @@ Item {
Image {
id: mask
source: "qrc:/assets/img/window.svg"
source: "qrc:/assets/images/window.svg"
sourceSize: Qt.size(screenPlayItem.width, screenPlayItem.height)
visible: false
smooth: true