Archives/tobspr_shapez.io
1
0
Fork 0
mirror of https://github.com/tobspr/shapez.io.git synced 2026-03-02 03:39:21 +00:00
Code Issues Projects Releases Wiki Activity

Add music / sound / setting buttons (dysfunctional)

Browse Source
This commit is contained in:
tobspr
2020-05-11 15:17:30 +02:00
parent 653ddf9a3a
commit 21382a6f2e
10 changed files with 84 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
res/ui/icons/music_off.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
res/ui/icons/music_on.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
res/ui/icons/settings.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
res/ui/icons/sound_off.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
res/ui/icons/sound_on.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

27
res/ui/loading.svg
View File

@@ -1,6 +1,25 @@
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
<circle cx="50" cy="50" fill="none" stroke="#393747" stroke-width="3" r="42" stroke-dasharray="197.92033717615698 67.97344572538566" transform="rotate(48.2654 50 50)">
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="5.555555555555555s" values="0 50 50;360 50 50" keyTimes="0;1"></animateTransform>
</circle>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto; animation-play-state: running; animation-delay: 0s;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
<g transform="translate(50 50)" style="animation-play-state: running; animation-delay: 0s;">
<g transform="scale(0.8)" style="animation-play-state: running; animation-delay: 0s;">
<g transform="translate(-50 -50)" style="animation-play-state: running; animation-delay: 0s;">
<g style="animation-play-state: running; animation-delay: 0s;" transform="rotate(65.6099 50 50)">
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" values="0 50 50;360 50 50" keyTimes="0;1" dur="1.3157894736842106s" style="animation-play-state: running; animation-delay: 0s;"></animateTransform>
<path fill-opacity="0.8" fill="#1d3f72" d="M50 50L50 0A50 50 0 0 1 100 50Z" style="animation-play-state: running; animation-delay: 0s;"></path>
</g>
<g style="animation-play-state: running; animation-delay: 0s;" transform="rotate(319.208 50 50)">
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" values="0 50 50;360 50 50" keyTimes="0;1" dur="1.7543859649122806s" style="animation-play-state: running; animation-delay: 0s;"></animateTransform>
<path fill-opacity="0.8" fill="#5699d2" d="M50 50L50 0A50 50 0 0 1 100 50Z" transform="rotate(90 50 50)" style="animation-play-state: running; animation-delay: 0s;"></path>
</g>
<g style="animation-play-state: running; animation-delay: 0s;" transform="rotate(212.805 50 50)">
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" values="0 50 50;360 50 50" keyTimes="0;1" dur="2.6315789473684212s" style="animation-play-state: running; animation-delay: 0s;"></animateTransform>
<path fill-opacity="0.8" fill="#d8ebf9" d="M50 50L50 0A50 50 0 0 1 100 50Z" transform="rotate(180 50 50)" style="animation-play-state: running; animation-delay: 0s;"></path>
</g>
<g style="animation-play-state: running; animation-delay: 0s;" transform="rotate(106.402 50 50)">
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" values="0 50 50;360 50 50" keyTimes="0;1" dur="5.2631578947368425s" style="animation-play-state: running; animation-delay: 0s;"></animateTransform>
<path fill-opacity="0.8" fill="#71c2cc" d="M50 50L50 0A50 50 0 0 1 100 50Z" transform="rotate(270 50 50)" style="animation-play-state: running; animation-delay: 0s;"></path>
</g>
</g>
</g>
</g>
<!-- [ldio] generated by https://loading.io/ --></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 688 B

After

Width:  |  Height:  |  Size: 2.7 KiB