imshvc/noxious_client
1
0
Fork 0
forked from noxious/client
Code Pull Requests Activity

New BG image(s) for hud

Browse Source
This commit is contained in:
Colin Kallemein 2024-06-15 20:19:42 +02:00
parent 4a04bf06cc
commit 46601111de
4 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/assets/bg-hud-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 MiB

BIN
public/assets/bg-hud.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 MiB

1
public/assets/shapes/hud-shape-empty.svg Normal file
View File

@ -0,0 +1 @@
<svg width="290" xmlns="http://www.w3.org/2000/svg" height="87" id="screenshot-e9942e24-155b-8096-8004-7eaff9882cd6" viewBox="0 0 290 87" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><g id="shape-e9942e24-155b-8096-8004-7eaff9882cd6"><g class="fills" id="fills-e9942e24-155b-8096-8004-7eaff9882cd6"><path d="M3.485,8.722C7.089,3.457,13.144,0.000,20.000,0.000L270.000,0.000C281.038,0.000,290.000,8.962,290.000,20.000L290.000,67.000C290.000,78.038,281.038,87.000,270.000,87.000L20.000,87.000C13.166,87.000,7.128,83.565,3.520,78.329C21.157,76.589,35.000,61.648,35.000,43.500C35.000,25.390,21.216,10.475,3.485,8.722ZM0.000,67.000L0.000,20.000"/></g><g id="strokes-e9942e24-155b-8096-8004-7eaff9882cd6" class="strokes"><g class="inner-stroke-shape"><defs><clipPath id="inner-stroke-render-1-e9942e24-155b-8096-8004-7eaff9882cd6-0"><use href="#stroke-shape-render-1-e9942e24-155b-8096-8004-7eaff9882cd6-0"/></clipPath><path d="M3.485,8.722C7.089,3.457,13.144,0.000,20.000,0.000L270.000,0.000C281.038,0.000,290.000,8.962,290.000,20.000L290.000,67.000C290.000,78.038,281.038,87.000,270.000,87.000L20.000,87.000C13.166,87.000,7.128,83.565,3.520,78.329C21.157,76.589,35.000,61.648,35.000,43.500C35.000,25.390,21.216,10.475,3.485,8.722ZM0.000,67.000L0.000,20.000" id="stroke-shape-render-1-e9942e24-155b-8096-8004-7eaff9882cd6-0" style="fill: none; stroke-width: 6; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/></defs><use href="#stroke-shape-render-1-e9942e24-155b-8096-8004-7eaff9882cd6-0" clip-path="url('#inner-stroke-render-1-e9942e24-155b-8096-8004-7eaff9882cd6-0')"/></g></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

6
src/components/gui/Hud.vue
View File

@ -87,7 +87,7 @@ const socket = useSocketStore()
}
.hud {
background: url('/assets/shapes/hud-shape.svg') center/cover no-repeat;
background: url('/assets/shapes/hud-shape-empty.svg') center/cover no-repeat;
.stats {
height: calc(100% - 30px);
display: flex;
@ -171,9 +171,8 @@ const socket = useSocketStore()
&::before {
content: '';
background: url('/assets/clouds.png') center/cover no-repeat;
background: url('/assets/bg-hud-2.png') top/cover no-repeat;
mask: url('/assets/shapes/hud-image-shape.svg') center/cover no-repeat;
mask-mode: luminance;
}
&.other-player {
@ -183,6 +182,7 @@ const socket = useSocketStore()
&::before {
left: unset;
right: 30px;
background: url('/assets/bg-hud-2.png') center/cover no-repeat;
mask: url('/assets/shapes/hud-image-shape-flipped.svg') center/cover no-repeat;
}